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

Posted 2023-03-13

【中文标题】使用 *ngFor 时如何仅将类设置为特定元素？

【英文标题】：How to set a class only to specific elements when using *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' "

***.com/questions/34657821/…你可以参考这里吗？

【参考方案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>