Angular进阶之十：toPromise废弃原因及解决方案

背景

Rxjs从V7开始废弃了toPromise, V8中会删除它。

原因

1：toPromise()只返回一个值

toPromise()将 Observable 序列转换为符合 ES2015 标准的 Promise 。它使用 Observable 序列的最后一个值。

例：

import { Observable } from "rxjs";
……
myObservable = new Observable<string>((observer) => {
    observer.next('Hello');
    observer.next('World');
    observer.complete();
});

获取并打印结果，toPromise()后只获取了最后一个结果'World'

this.myObservable.toPromise().then((value: string) => {
      console.log(`toPromise: ${value}`);
});

2：Observable 可能不产生值或产生多个值