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

Javascript 使用*ngFor时,如何仅将类设置为特定元素?,javascript,css,angular,typescript,angular5,Javascript,Css,Angular,Typescript,Angular5,我正在使用*ngFor列出表数据:*ngFor=“let record of records”, 我想根据一些条件将自定义css类设置为record,例如if record.name===something。这可能吗?是的,您可以使用[ngClass]来实现这一点,例如: <div [ngClass]="{'record': record.name === 'something' }" *ngFor="let record of records"> 是的,您可以使用[ngClass

我正在使用
*ngFor
列出表数据:
*ngFor=“let record of records”

我想根据一些条件将自定义css类设置为
record
,例如
if record.name===something
。这可能吗?

是的,您可以使用
[ngClass]
来实现这一点,例如:

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

是的,您可以使用
[ngClass]
来实现这一点,例如:

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

您可以这样尝试:

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


{{Something.id}


您可以这样尝试:

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


{{Something.id}



{{record.name}

{{record.name}
[ngClass]=“record.name=='something'?'yourClass':'otherClass'”
你能在这里引用吗?
[ngClass]=“record.name=='something'?'yourClass':'otherClass'
你能在这里引用吗?