在角度2中应用条件样式

Question

我正在尝试应用条件样式，例如，用户有过时的属性，如果用户的过时属性为真，我想添加<del>，如下所示。我搜索了互联网，但我不知道什么是最好的方式。我知道*ngIf，所以我可以使用它，但我认为有更聪明的方法。如果有人习惯了，你可以告诉我吗？

<tr *ngFor="let user of pagedItems">
           <td align="left">{{user.name}}</td>
           <td align="left">{{user.age}}</td>
</tr>


<tr *ngFor="let user of pagedItems">
           <td align="left"><del>{{user.name}}</del></td>
           <td align="left"><del>{{user.age}}</del></td>
</tr>

Answer 1

您可以执行以下操作：

<tr *ngFor="let user of pagedItems">
           <td align="left"><span [class.obselete]="user.obsolete">{{user.name}}</span></td>
           <td align="left"><span [class.obselete]="user.obsolete">{{user.age}}</span></td>
</tr>

如果您.obselete，则会将css类user.obsolete = true应用于文本。

直通的CSS：

.obselete { 
    text-decoration: line-through; 
}