angular - 如何使用异步管道遍历对象中的数组

Question

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

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

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

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

现在，如何使用 async 管道遍历模板中的 images 数组？类似下面的内容

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

Answer 1

试试这个:

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