rxjs subscribe（）コールバック関数にオブジェクトを渡す方法は？

Question

私はcordio-plugin-network-informationを使用してIonic2 Appを開発しています。私はapp.tsからconnectイベントとdisconnectイベントを購読しており、NavControllerとLoadingコンポーネントへの参照をsubscribe（）コールバックは、切断のイベントが発生するたびにUI上部にLoadingオーバーレイを表示することができます。コールバックでは、 "this"オブジェクトへの参照が "SafeSubscriber"というオブジェクトに変更されていることがわかります。これはObserverオブジェクトのrxjs型クラスであると思いますが、ここで問題になるのは、 app.tsで利用可能なインスタンスをコールバック内のこのコードにChrome DevToolsを使用するAppオブジェクト自体にアクセスするために、このコンテキストから私の道を見つけることができませんでした。ここで

は私のコードです：

ngOnInit() 
    { 
     // Nav Controller: 
     this.nav = <NavController>this.app.getComponent('nav'); 

     // Disconnect Detection 
     let disconnectSubscription = Network.onDisconnect().subscribe(() => 
     { 
      console.log('Disconnect Detected'); 
      // Push Loading into nav stack here...! 
      // this.nav.present(this.loading); <- no this object... 
     }); 
    } 

これはクロームデベロッパーツール内の「この」オブジェクト（これは、ラムダの内側に元のコンテキストを維持することになっている[脂肪矢印]機能を照会するときに私が得るものですこの正しい？）私は、オブジェクト変数は「この」コールバックで「この」スコープを干渉しないように、サブスクリプションを行う前に、それがなかった「ということ」ではない設定を試してみました

このシナリオでは、 'それ' hは、切断イベントが発生したときに、subscribe（）（let：any = this;）がコールバックの内部で未定義になる直前に宣言されました。

これはUIを直接変更するコードを置くのに最適な場所ではないが、私はここに必要なのは接続がないときにこのオーバーレイを設定することで動作するグローバルなイベントハンドラなので、ユーザーはアプリ内の特定のページを閲覧しています。

私はこれには非常に簡単でエレガントな解決策があると思いますが、私はそれを見つけることができないようです。 subscribe（）関数にパラメータを渡す方法はありますか？私が必要とする参照を持つオブジェクトのいくつかの並べ替え？

ありがとうございます。

Answer 1

私は、単純なクロージャがそのトリックを行うべきであると確信しています。これを試してください：

ngOnInit() 
    { 
     // Nav Controller: 
    var nav = <NavController>this.app.getComponent('nav'); 

     // Disconnect Detection 
     let disconnectSubscription = Network.onDisconnect().subscribe(() => 
     { 
      console.log('Disconnect Detected');   
      nav.present(true); 
     }); 
    } 

Answer 2

私はこの同じ問題に遭遇しました。私はSafeSubscriberも私のプロジェクトに入れています。しかし、Plunkerを作成しようとすると、問題を再現できませんでした。つまり、添付されたプランカーは太い矢印+これが期待どおりに動作することを実証しています。したがって、はスタイル回避策を実行する必要はありません。