ページ変更時のイベントの購読解除

Question

ページをナビゲーションスタックに追加し続けると、ますます多くのSimpleComponentクラスのインスタンスが作成されます。このような理由から、私は複数回「ev」イベントと火災コードを複数回購読しています。

私のプランナーの例では "there"と "back"に行き、さまざまな状況でイベントを発生させることで確認できます（結果についてはコンソールの警告を確認してください）。また、ナビゲーションスタックの一番上に戻っても、依然としてサブスクリプションがあることがわかります。それは私がそれを避けるために何をすべきか、私は疑問に思う私は

を残している実際のビューではありませんので、

ionViewWillLeaveはおそらく動作していませんか？私はSimpleComponentを古いスタイルのAngularJSディレクティブのようにインクルードして、アプリケーションで何度も使用したいと思います。

import { OnDestroy } from '@angular/core'; 

export class SimpleComponent implements OnDestroy { 

ngOnDestroy() { 
    this.ev.unsubscribe(); 
} 

Angular 2 documentationから：あなたはevからunsubscribeができOnDestroyを実装することができ

Here is plunker

export class SimpleComponent { 
    constructor(private ev: Events) { 
    this.ev.subscribe('ev', e => { 
     console.warn(e[0]); 
    }); 
    } 
} 


// home.ts template 
    <simple-component></simple-component> 
    <button (click)="go()">Go next page</button> 
    <button (click)="raiseEv()">Raise Event</button> 

Answer 1

ngOnDestroy、しなければならないロジックで

入れクリーンアップ・ロジックAngの前に走るularは指示文を破棄します。これは、アプリケーションの別の部分にこのコンポーネントがなくなることを通知する時間です。これは自動的にガベージコレクションされないリソースを解放する場所です。オブザーバブルとDOMイベントの登録を解除する。インターバルタイマーを停止する。このディレクティブがグローバルまたはアプリケーションサービスに登録したすべてのコールバックを登録解除します。私たちがそれを怠るとメモリリークが発生する危険性があります。

Answer 2

私は@Injectableするアフターイベント受信アクションを処理するための責任が私のコードを移動することを決めた、それはまあ