如何使用异步管道迭代对象中的数组

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>