在Angular 7中,可以使用RxJS库来链接和嵌套可观察对象。下面是一个使用RxJS的示例代码:
import { Observable, of, concat } from 'rxjs';
import { mergeMap } from 'rxjs/operators';
const observable1 = of('Hello');
const observable2 = of('World');
const observable3 = of('!');
const result = concat(observable1, observable2, observable3);
result.subscribe(value => {
console.log(value); // 输出:Hello World !
});
这样就完成了可观察对象的链接。如果你想要嵌套可观察对象,可以使用mergeMap操作符。下面是一个示例代码:
const observable1 = of('Hello');
const observable2 = of('World');
const result = observable1.pipe(
mergeMap(value1 => {
return observable2.pipe(
mergeMap(value2 => {
return of(value1 + ' ' + value2 + '!');
})
);
})
);
result.subscribe(value => {
console.log(value); // 输出:Hello World!
});
这样就完成了可观察对象的嵌套。你可以根据自己的需求来链接和嵌套更多的可观察对象。
上一篇:Angular 7 / rxjs - 在发生catchError之后,订阅不会再接收到更多的值。
下一篇:Angular 7 /JS,在Google Chrome上video.currentTime无法正常工作,但在Firefox上可以正常工作。