我想将2个或更多可观察物动态地组合为一个组合可观察物。
我了解了如何结合merge
已经存在的两个可观察对象,但是当需要动态添加其他可观察对象(例如,在超时之后)时,如何解决“合并”问题?
在合并另一个“即时”观察到的消息时,combinedStream$
上的现有订阅也不应丢失。
这是我到目前为止所拥有的:
const action1$ = interval(1000).pipe(map(data => 'Action1 value:' + data));
const action2$ = interval(1000).pipe(map(data => 'Action2 value:' + data));
const combinedStream$ = merge(action1$, action2$);
combinedStream$.subscribe(data => console.log('Combined Stream Output:', data));
// Add another observable after some time...
setTimeout(() => {
const action3$ = interval(1000).pipe(map(data => 'Action3 value:' + data));
// How add this action3$ to the combined stream ?
}, 1000);
答案 0 :(得分:7)
在处理该用例时,最简单的方法是先建立一个可观察的……可观察的,然后使用诸如concatAll,switch,mergeAll之类的高阶函数...
const action1$: Observable<string> = interval(2000).pipe(
map(data => "Action1 value:" + data)
);
const action2$: Observable<string> = interval(2000).pipe(
map(data => "Action2 value:" + data)
);
const action3$: Observable<string> = interval(2000).pipe(
map(data => "Action3 value:" + data)
);
const mainStream$$: Subject<Observable<string>> = new Subject();
const combinedStream$ = mainStream$$.pipe(mergeAll());
combinedStream$.subscribe(data => console.log("Combined Stream Output:", data));
mainStream$$.next(action1$);
mainStream$$.next(action2$);
// Add another stream after some time...
setTimeout(() => {
mainStream$$.next(action3$);
}, 1000);