angular - 如何检查用户在 Angular 2 的页面上是否处于事件状态

标签 angular

我们如何在全局范围内检查 Angular 2 中的鼠标和按键事件,我的意思是在根级别。当用户与应用程序交互时,我想调用一项服务。请帮助我并提出一些好的解决方案。

最佳答案

在您的顶级组件中,从 Document 对象的事件创建一个可观察对象并调用您的服务,例如:

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'));

关于angular - 如何检查用户在 Angular 2 的页面上是否处于事件状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45781580/

相关文章:

angular - RxJs withLatestFrom/combineLatest : ignore second source when nothing is emitted

angularjs - 警告 : Invalid stream: "FormatError: Bad FCHECK in flate stream: 120, 239" on PDF response from springboot API after dropzone upload

forms - 如何在 Angular 2 中使用复杂模型添加跨领域验证

javascript - 使用 jasmine/karma、spyOn 进行 Angular 组件测试

angular - 延迟加载模块中 Angular Material 日期选择器的语言切换

javascript - 模块解析失败: Unexpected character '' (1:0) when adding ttf to my stylesheet

angular - on() 函数创建 Reducer 时出错

angularjs - 如何在整个应用程序中以 Angular 2 保存来自多个服务的数据?

javascript - 将嵌套对象转换为对象的 Json 数组

angular - RxJs Angular 7 HttpClient 多个 POST 与 forkJoin 删除第二个订阅?