Question

我希望我的情况很常见但是找不到合适的东西。我希望在Angular2 / RxJS 5中实现的目标是：

source:   ---1--2--3--4---------5--------6-|-->
notifier: -o------------o-----o---o--o-o------>
          ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
output:   ---1----------2-----3---4--5---6-|-->

所以，我有一个发出值的源Observable，我希望它们中的每一个只在第二个Observable（称为通知符）发出时进入输出。这就像通知程序中的一个事件意味着“允许接下来通过”。

我尝试delayWhen，但我的主要问题是所有源值都在等待来自通知程序的同一个事件，例如，如果3个源值是“排队”而通知程序发出一次，所有3个值都通过，这不是我想要的。

Answer 1

答案是zip：

const valueStream = 
    Rx.Observable.from([0, 1, 2, 3, 4, 5, 6]);

const notificationStream = 
    Rx.Observable.interval(1000).take(7);


Rx.Observable
    .zip(valueStream, notificationStream, (val, notification) => val)
    .subscribe(val => console.log(val));

工作示例here。

当从两个流生成一对时，这将生成一个值。因此，当valueStream生成值时，该示例将从notificationStream打印一个值。

Answer 2

我认为zip运算符是您正在寻找的：

sourceSubject:Subject = new Subject();
notifierSubject:Subject = new Subject();

index = 1;

constructor() {
  Observable.zip(
    this.sourceSubject, this.notifierSubject
  )
  .map(data => data[0])
  .subscribe(data => {
    console.log('>> output = '+data.id);
  });
}

emit() {
  this.sourceSubject.next({id: this.index});
  this.index++;
}

notify() {
  this.notifierSubject.next();
}

请参阅此plunkr：https://plnkr.co/edit/MK30JR2qK8aJIGwNqMZ5?p=preview。

另见这个问题：

How to use frokJoin of Observable with own event

当另一个Observable（通知程序）发出时，从源Observable发出下一个值

2 个答案: