javascript - Angular 按钮颜色随条件变化

Question

在我的代码中，我有一个单元格列表，我以按钮的形式显示该列表。在这些按钮上，您可以看到单元格内的元素数量。如果一个单元格是空的，我希望它的按钮是绿色的，如果它有任何元素，我希望它是红色的。我的代码如下，我该怎么做？

 <button mat-button class="green fuse-white-fg" 
                            *ngFor="let prm of cell">Package Count: {{prm.PackageCount}}</button>

Answer 1

另一种方法。

<button mat-button [class.green]="!prm.PackageCount" [class.red]="prm.PackageCount" *ngFor="let prm of cell">
  Package Count: {{prm.PackageCount}}
</button>