特定のプロパティが変更された場合にのみオブザーバブルを購読する

Question

rxjsのsubscribeメソッドを特定のプロパティの変更に制限する必要があります。私はdistinctUntilChangedでそれをやろうとしましたが、何か不足していると思います。

プロパティdata.members[]が変更されたときにのみ登録を希望します。

this.myService.loadData(this.data.id) 
    .distinctUntilChanged() 
    .subscribe(data => { 
    this.data = data; 
    console.log("data changed", data); 
}); 

個別の変更にどのように対応できますか？ documentation (Rxjs v4)を見て

は

Answer 1

、私はあなたがRx.Observable.prototype.distinctUntilChanged([keySelector], [comparer])で、あなたが望むものを達成することができ、そしてその変化あなたが検出したい、とcomparerパラメータ平等を検出するためのプロパティを選択しkeySelectorを使用しなければならないことがわかります。

Rxjs v5は、同様の機能を備えたdistinctUntilKeyChangedとdistinctUntilChangedを持っています。あなたが使用例のテストで見ることができ

：[https://github.com/ReactiveX/rxjs/blob/master/spec/operators/distinctUntilChanged-spec.ts、https://github.com/ReactiveX/rxjs/blob/master/spec/operators/distinctUntilKeyChanged-spec.ts]

を私はあなたが何かを設定し、そうでない場合は、あなたがしようとしたものをバック投稿することができなければならないことから推測します。

Answer 2

.distinctUntilChanged((data) => { return data.members; })作品！どうすれば複数の配列を調べることができますか？ （メンバー、関係、子供）？

私は配列内の変更に反応したい（追加/削除されたアイテム）。

深い比較を行うにはangular.equalsを使用してください。

this.myService.loadData(this.data.id) 
    .distinctUntilChanged((data) => (data.members), (a,b) => (angular.equals(a,b)) 
    .subscribe(data => { 
    this.data = data; 
    console.log("data changed", data); 
}); 

distinctUntilChangedの詳細については、RxJS distinctUntilChanged API Referenceを参照してください。

angular.equalsの詳細については、AngularJS angular.equals API Referenceを参照してください。