javascript - 角度按钮颜色随条件变化

Question

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

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

标签： javascripthtmlangulartypescript

Answer 1

您可以使用ngStyle属性：

<button mat-button [ngStyle]="{ 'background-color': prm.PackageCount ? 'green' : 'red' }" *ngFor="let prm of cell">
  Package Count: {{prm.PackageCount}}
</button>