[英]Angular *ngIf="data$ async as data && data.payload; else noContent"
我只想有条件地显示一个块,如果它包含数据,否则我将显示一个 noContent 块。 数据是从服务器获取的。
<ng-container *ngIf="data$ async as data && data.payload; else noContent">
{{data.payload | json}}
</ng-container>
<ng-template #noContent> No content found </ng-template>
注意: 1- 我不想实现两个 s,即:
<ng-container *ngIf="data$ async as data ; else noContent">
<ng-container *ngIf="data.payload; else noContent">
{{data.payload | json }}
</ng-container>
</ng-container>
...
2-以下语句有效
*ngIf="xx && yy"
*ngIf="data$ as data"
*ngIf="xx && data$ as data"
*ngIf="(data$ as data)?.payload?.length>0; else noContent"
像这样尝试
<ng-container *ngIf="(data$ | async ) as d; else noContent">
<ng-container *ngIf="d.payload?.length > 5 ;else noContent">
<h3>
{{d.payload | json}}
</h3>
</ng-container>
</ng-container>
<ng-template #noContent> No content found </ng-template>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.