Angular2無限滾動指令發行

Question

我使用下面的無限滾動指令：

https://github.com/orizens/angular2-infinite-scroll

但事實是，當我使用這個指令在一個頁面上，如果我從該頁面的滾動事件搬走仍可能發射線下方的scroller.ts文件的，因爲：

return this.container.addEventListener('scroll', this.handler.bind(this)); 

此事件偵聽器添加，但是當我們移動離開該頁面不會被刪除。

任何線索，當我們切換到另一個頁面時，如何自動處理它？

Answer 1

要麼你添加事件處理聲明

<div class="container" (scroll)="handler($event)"></div> 

，或者你使用

ngOnDestroy() { 
    this.container.removeEventListener('scroll', this.handler); 
}