如何使用异步管道

Question

我有一个对象文字album$，我异步进入我的组件

album$: Observable<Album> = this._selectedAlbumSandbox.selectedAlbum$;

Album界面如下所示，如您所见，它有一个Image数组。

export interface Album {
  id: string;
  name: string;
  caption: string;
  images: Image[];
}

现在，如何使用images管道在模板中循环async数组？类似于以下内容

 *ngFor="let image of album$.images | async" 

Answer 1

试试这个：

<li *ngFor="let image of (album$ | async)?.images ">
 <h1>  {{ image }} </h1>
</li>

Answer 2

这应该适用于安全导航操作员

<li *ngFor="let image of (album$ | async)?.images ">
  <h1>  {{ image }} </h1>
</li>