Angular Renderer2删除侦听器

前端之家收集整理的这篇文章主要介绍了Angular Renderer2删除侦听器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否可以使用新的angular 4渲染器删除侦听器?

这是界面:

abstract listen(target: 'window' | 'document' | 'body' | any,eventName: string,callback: (event: any) => boolean | void): () => void;

在渲染器v1中,listen和listenGlobal返回一个Function,但是这个返回void.

这是一个问题吗?如果没有,我该如何删除监听器?

与渲染器没有区别:
import { Renderer2 } from '@angular/core';

export class MyComponent {
  listenerFn: () => void;

  constructor(private renderer: Renderer2) {}

  ngOnInit() {
    this.listenerFn = this.renderer.listen(document,'mousemove',() => console.log('move'));
  }

  ngOnDestroy() {
    if (this.listenerFn) {
      this.listenerFn();
    }
  }
}

猜你在找的Angularjs相关文章