1

我想使用运算符完成一个不能自然完成的内部流takeUntil，如下所示：

  outerObservable
    .mergeMap(() => {
        innerObservable
            .takeUntil(stopObservable$)
    });

这可行，内部流按预期完成，但我希望外部流在停止信号之后返回最后一个值。即使经过大量的谷歌搜索，我仍然不知道如何。

编辑：

我写了一个似乎可以解决问题的运算符，但是因为我知道有更好的方法或我完全误解的东西，所以让问题悬而未决。

function takeUntilThen(notifier, oneLastValue) {
    return Rx.Observable.create(subscriber => {
        var source = this;
        notifier.subscribe(() => {
            subscriber.next(oneLastValue);
            subscriber.complete()
        });
        return source.subscribe(value => {
            subscriber.next(value);
        },
        err => subscriber.error(err),
        () => subscriber.complete());
    });
}

4

1 回答 1

5

听起来你想在 and 和 and 之间比赛innerObservable，stopObservable无论哪个获胜，都应该能够输出一些东西。

您可以为此使用恰当命名的.race()运算符，而不是使用.takeUntil(). 请参阅关于取消的 redux-observable 文档配方中的示例：

https://redux-observable.js.org/docs/recipes/Cancellation.html#cancel-and-do-something-else-eg-emit-a-different-action

const somethingEpic = action$ =>
  action$.ofType(SOMETHING)
    .mergeMap(action =>
      innerObservable
        .race(
          stopObservable
            .take(1)
        )
    );

由于您的示例是伪代码，因此这是更具体的示例：

import { ajax } from 'rxjs/observable/dom/ajax';

const fetchUserEpic = action$ =>
  action$.ofType(FETCH_USER)
    .mergeMap(action =>
      ajax.getJSON(`/api/users/${action.payload}`)
        .map(response => fetchUserFulfilled(response))
        .race(
          action$.ofType(FETCH_USER_CANCELLED)
            .map(() => incrementCounter())
            .take(1)
        )
    );
于 2017-01-28T23:41:09.880 回答