Angular 中的监听器事件

Question

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

匿名函数(){

//监听应用程序的任何状态，无论是用户点击、鼠标移动、理想、键盘事件 这样我的函数就可以被调用了。

PS:- 空闲包只适用于具有超时的理想状态。

使用 idle 包，您可以确定应用程序的空闲状态，但我正在寻找可以与它无关的东西。

Answer 1

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

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