我上面有一个mat-icon
和一个mat-badge
,其中包含一个数字。
仅当数字为mat-badge
时,我才希望删除<=0
。
我对整个*ngIf
做了mat-icon
,结果很明显,它删除了mat-icon
和mat-badge
。
这是代码
<mat-icon matBadge="{{matBadge}}" class="icon">shopping_cart</mat-icon>
答案 0 :(得分:2)
您可以使用matBadgeHidden
指令的matBadge
输入属性
<mat-icon matBadge="{{matBadge}}" class="icon" [matBadgeHidden]="number<=0">shopping_cart</mat-icon>
答案 1 :(得分:1)
@displayName答案很干净,您应该这样做,但也可以使用* ngIf,以防万一。
<mat-icon matBadge="{{matBadge}}" class="icon" *ngIf="matBadge > 0; else matBadgeHidden">shopping_cart</mat-icon>
<ng-template #matBadgeHidden>
<mat-icon class="icon">shopping_cart</mat-icon>
</ng-template>