angular - ng2-idle modal ok 应该恢复空闲

Question

带有 @ng2-idle 的 Angular4 试图捕获用户的不活动。

代码示例链接 https://hackedbychinese.github.io/ng2-idle/

我正在尝试对其进行自定义，以便每次用户闲置时我都会显示带有确定按钮的模态。并且用户将能够恢复，只有在模态上单击“确定”。

页面加载默认中断开启

idle.setInterrupts(DEFAULT_INTERRUPTSOURCES); 

在 idleStart 我显示我的模式并开始倒计时在 onIdleEnd 我关闭我的模式

当模态打开时，我想禁用DEFAULT_INTERRUPTSOURCES，仅手动中断，所以我调用了idle.clearInterrupts()，并在模态确定时按下事件调用idle.interrupt (真)；一旦模态关闭，我再次设置 idle.setInterrupts(DEFAULT_INTERRUPTSOURCES);。

似乎效果不是很好。模式关闭并再次打开后，它不会关心 DEFAULT_INTERRUPTSOURCES 并且在 setIdle 时间它会自动进入 idle 模式，即使用户与 UI 交互也是如此。

Answer 1

当您的模态打开时调用 idle.stop() 比清除 DEFAULT_INTERRUPTSOURCES 更好，然后在模态关闭时调用 idle.watch()