如何在Angular 2的页面上检查用户是否处于活动状态

Question

我们如何在全局检查角度2中的鼠标和键事件，我的意思是在根级别。我希望在用户与应用程序进行交互而不是空闲时调用一个服务。请帮助我并就此提出一些好的解决方案。

Answer 1

在顶级组件中，从Document对象的事件创建一个observable并调用您的服务，例如：

import 'rxjs/add/observable/fromEvent';
import {Observable} from "rxjs/Observable";
...

const clicks$ = Observable.fromEvent(document, 'click');
clicks$.subscribe(x => console.log('Calling my service here'));