Как установить класс только для определенных элементов при использовании * ngFor?

Question

Я использую *ngFor для отображения данных таблицы: *ngFor="let record of records", и я хочу установить для пользовательского класса CSS значение record на основе некоторых условий, например, if record.name === something.Это возможно?

Answer 1

вы можете попробовать так:

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

Answer 2

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

Answer 3

Да, вы на [ngClass] для этого, например:

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