Angular5仅刷新数据，而不是整个应用程序

Question

我在Angular5和NodeJS中有一个应用程序，现在，当我在任意页面上单击F5时，刷新都花了很长时间，有时甚至不显示数据。我认为它会重新加载我的整个应用程序。有什么方法可以“仅刷新数据”或类似的方式，所以我每次按下F5都不会刷新整个应用程序吗？

Answer 1

从UX角度来看，

拦截期望浏览器行为是一个坏主意。如果您的应用程序崩溃或最终无法进入先前状态，该怎么办？我应该如何“更新”（阅读：提取新代码）您的应用程序？如果我想放弃当前状态怎么办？就个人而言，我对更改any浏览器行为的网站感到非常生气。

不过您可能对https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeunload_event感兴趣。

Answer 2

实际上您可以在窗口中添加“ keydown”事件侦听器：

Answer 3

感谢大家的支持！我已经用HostListener完成了：

  @HostListener('document:keydown.F5', ['$event'])
  keyEvent(event: KeyboardEvent){
    event.preventDefault();
    this.getData();
  }

Answer 4

您必须捕获F5的按下事件，然后加载要加载的数据。因此，在您的基本组件中添加