在我的Angular 2组件中,我有一个Observable数组
list$: Observable<any[]>;
在我的模板我有
<div *ngIf="list$.length==0">No records found.</div>
<div *ngIf="list$.length>0">
<ul>
<li *ngFor="let item of list$ | async">item.name</li>
</ul>
</div>
但是列表$ .length在Observable数组的情况下不起作用。
更新:
看来(list $ | async)?。长度给我们的长度,但下面的代码仍然不起作用:
<div>
Length: {{(list$ | async)?.length}}
<div *ngIf="(list$ | async)?.length>0">
<ul>
<li *ngFor="let item of (list$ | async)">
{{item.firstName}}
</li>
</ul>
</div>
</div>
任何人都可以指导如何查看可观察数组的长度。
你可以使用|异步管道
<div *ngIf="(list$ | async)?.length==0">No records found.</div>