RXJS - 具有多个键的 dinstinctUntilChange

Man*_*ler 6 javascript rxjs angularjs

.subscribe()如果三个对象键之一发生更改,我想触发我的可观察对象。

如果我复制并粘贴每个键的方法,它就有效:

this.myService.loadData(this.dataContainer.id, true)
      .distinctUntilChanged((updatedData) => { return updatedData.relations; })
      .subscribe(updatedData => {
        console.log("relations changed",updatedData);
    });

this.myService.loadData(this.dataContainer.id, true)
      .distinctUntilChanged((updatedData) => { return updatedData.parent; })
      .subscribe(updatedData => {
        console.log("parent changed",updatedData);
    });

this.myService.loadData(this.dataContainer.id, true)
      .distinctUntilChanged((updatedData) => { return updatedData.children; })
      .subscribe(updatedData => {
        console.log("children changed",updatedData);
    });
Run Code Online (Sandbox Code Playgroud)

如果我将distinctUntilChanged比较器设置为返回整个updatedData对象,我的订阅永远不会触发。

如何将这三个减速器合并dinstinctUntilChanged为一个减速器?

sab*_*ker 7

我最终做了:

.distinctUntilChanged((a, b) => a.key1 === b.key1 && a.key2 === b.key2);
Run Code Online (Sandbox Code Playgroud)


Luk*_*lis 2

单程:

const data$ = this.myService.loadData(this.dataContainer.id, true);

Observable
  .combineLatest(
    $data.distinctUntilChanged(data => updatedData.relations),
    $data.distinctUntilChanged(data => updatedData.parent),
    $data.distinctUntilChanged(data => updatedData.children),
    data => data
  )
  .subscribe(updatedData => {
    console.log("relation|parent|children changed", updatedData);
  });
Run Code Online (Sandbox Code Playgroud)