角度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> 

あなたuser.obsolete = true場合、これはテキストにCSSクラス.obseleteを適用します。ラインスルーのための

CSS：

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