観測可能なデータが保持されません

Question

私がconsole.log(this.distances)になると、利用可能ですがメモリには格納されません。どのように私はそれを使用するメモリに格納することができますか？データの後に関数を実行しても、配列のエラーはまだnullになります。

findClosestRiderToUser() { 
    this.fetchAllRiders().subscribe(async distance => {   
     await this.distances.push(distance); 
    }); 
} 

問題：サブスクリプションのthis.distances外を使用しようとしているが動作していない

は、ここに私の関数です。これをどうすれば解決できますか？

Answer 1

観測は、一般的に非同期であるため、データが到着する前に、第2のラインが実行されるため

obs$.subscribe(data => this.data = data); 
console.log(this.data); 

は多くまたはほとんどのケースでは動作しません。あなたは、関数内でこの呼び出しを持っているだけの機能から、観察を返し、呼び出し側から購読したい場合はどのようなあなたの代わりにやりたいことは

obs$.subscribe(data => { 
    this.data = data; 
    console.log(this.data); 
}); 

です：

function getData() { return obs$; } 
getData().subscribe(...); 

rxjs多くのオペレータが付属していますあなたが観察可能なものをさらに結合したり、チェーンしたり、操作したりすることを可能にします。この方法では完全に非同期になり、awaitを使用してコードの実行をブロックする必要はありません。あなたは絶対にをブロック化したいなら

、あなたは

const data = await obs$.toPromise(); 

を使用することができますしかし、あなたは試してみて、代わりにそれの上にあなたが得る最初のチャンスをブレー​​キをかけるの反応パターンで動作するはずです。単一の値ではなく、一連のデータを出力する観測可能なパワーを失います。