Angular中的侦听器事件

Question

我正在开发一个应用程序，并寻找一个事件/方法，无论用户是否与应用程序进行交互，每次都会调用该事件/方法，以便编写逻辑以呈现超时对话框。有人可以建议我如何在app.component.ts中实现这一目标。

匿名函数（）{

//监听用户的任何状态，例如用户单击，鼠标移动，理想状态，键盘事件   以便可以调用我的函数。

PS：-空闲程序包仅适用于具有超时状态的理想状态。

使用闲置包，您只能确定应用程序的闲置状态，但是我正在寻找可以执行的程序，而无论它是否执行。

Answer 1

一种方法可能是这样的， 假设您在名为 appService 的服务中具有变量 appState 。创建一个指令并将其应用于<app-component activeDirective></app-component>。该指令将监听鼠标的移动，用户单击，键盘单击等。如果发生任何此类情况，请将 appState 更改为活动。

在同一 appService 中创建一个计时器函数。假设您的空闲时间为10秒。参见此answer。因此，每五秒钟检查一次 appState 变量的状态。如果它是活动，则将其设置为空闲。如果是空闲，请执行您的空闲功能流程。