根据其值显示图标(角度 4+)?

Question

我想根据它接收的值显示一个图标。目前，该图标出现在所有行中，但我希望有一个特定的条件，即只有在值为"活动"时才会出现。

<ng-container matColumnDef="status">
<th class="header" mat-header-cell *matHeaderCellDef mat-sort-header>STATUS</th>
<td class="row" *matCellDef="let user" [ngStyle]="{'color':user.status === 'Active' ? 'green' : 'blue' }">{{status}}
<i class="icon-active"></i></td>
</ng-container>

Answer 1

实现它的最简单方法是使用*ngIf

<i *ngIf="user.status === 'Active'" class="icon-active"></i>