使用 *ngFor 时如何仅将类设置为特定元素？答案

【问题标题】：How to set a class only to specific elements when using *ngFor?使用 *ngFor 时如何仅将类设置为特定元素？
【发布时间】：2018-10-24 01:40:35
【问题描述】：

我正在使用*ngFor 列出表数据：*ngFor="let record of records"，我想根据某些条件将自定义 css 类设置为record，例如if record.name === something。这可能吗？

【问题讨论】：

[ngClass]="record.name === 'something' ? 'yourClass' : 'otherClass' "
stackoverflow.com/questions/34657821/…你可以参考这里吗？

标签： javascript css angular typescript angular5

【解决方案1】：

是的，你在[ngClass]上实现这个，例如：

<div [ngClass]="{'record': record.name === 'something' }" *ngFor="let record of records">

【讨论】：

【解决方案2】：

你可以试试这个方法：

  <ul class="r " *ngFor="let posto of posti">
    <li [ngClass]="posto.id === something ? NewClass : oldclass" >
     {{Something.id}} 
    </li>
  </ul>

【讨论】：

【解决方案3】：

<tr *ngFor="let record of records">    
  <td [ngClass]="record.name === 'something' ? 'classForSomething' : 'classForOthers' ">{{record.name}}</td> 
</tr>

【讨论】：