在Angular的service類里，導入Observable和of：

of(HEROES) returns an Observable<Hero[]> that emits a single value, the array of mock heroes.

下面是消費端如何調用這個返回Observable<Hero[]>的TypeScript代碼：

getHeroes(): void {this.heroService.getHeroes().subscribe(heroes => this.heroes = heroes);}

注意將其同之前的同步API相比較：

The new version waits for the Observable to emit the array of heroes—which could happen now or several minutes from now. The subscribe() method passes the emitted array to the callback, which sets the component’s heroes property.

第32行，調用OBservable API的subscribe方法，方法接收一個回調函數，設置Component的heroes屬性為Observable里包裹的數組。

在調試器里能觀察到這個回調函數是如何被observable框架異步調用的：

要獲取更多Jerry的原創文章，請關注公眾號"汪子熙":

總結

以上是生活随笔為你收集整理的在Angular里使用rxjs的异步API - Observable的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。