There is no difference with Renderer
:
import { Renderer2 } from '@angular/core';
export class MyComponent {
listenerFn = () => {};
constructor(private renderer: Renderer2) {}
ngOnInit() {
this.listenerFn = this.renderer.listen(document, 'mousemove', () => console.log('move'));
}
ngOnDestroy() {
this.listenerFn();
}
}