angular - 在指令上使用 *ngIf

Question

我有一个mat-icon和一个mat-badge包含一个数字。

我正在寻找删除mat-badge唯一如果数字是<=0.

我做*ngIf了整个mat-icon，结果很明显，它同时删除了mat-icon和mat-badge。

这是代码

<mat-icon matBadge="{{matBadge}}" class="icon">shopping_cart</mat-icon>

标签： angularangular-materialangular-directiveangular-ng-if

Answer 1

您可以使用指令matBadgeHidden的输入属性matBadge

<mat-icon matBadge="{{matBadge}}" class="icon" [matBadgeHidden]="number<=0">shopping_cart</mat-icon>