RxJS（TypeScript）5.0でObserverを作成すると、「this」にバインドされません。

Question

TypeScriptを使用しているNG2アプリケーションで作業しており、Amazon AWS SDKの呼び出しの周りにオブザーバブルを作成したいとします。残念ながら、thisはObservableにバインドされました。 thisを親クラスにバインドしたままにしておきたい場合は、どうすればよいですか？

Answer 1

あなただけのobserver関数をラップし、それにあなたの外thisをバインドすることができます。

var foo = Observable.create((function(observer) { 
    this.s3.upload({ 
    Key: "value" 
    }, (err, data) => { 
    if (err) { 
     console.log(err); 
     return 
    } 
    observer.next(data) 
    }); 
}).bind(this)); 

これは、関数の意志の中に包まれた関数は、古典的な機能ではなく、矢印機能、またはthisであることを確認することが重要です最終的にはwindowとなります。