Css 有条件数据的角度2类？

因此，我基本上是试图设置一个突出显示，如果一个对象已经被选中。如何将对象与更改类进行比较？像这样的

<[ngClass]="{{perkResult.perk === perk.perk}} ? 'highlight' : 'none-hightlight' ">

当前代码：

<div class="col-xs-12">
  <div class="col-xs-12 benefit-selection">
     <ul class="benefits-dropdown-ul" *ngIf="perkList"> .     
      <a class="benefits-dropdown-div" *ngFor="let perkResult of perkList.results" (click)="onAddPerk(perkResult)">
       //highlight here
        <li class="benefits-dropdown-li">{{ perkResult.perk }}</li>
      </a>
     </ul>
  </div>
 </div>

 <div class="col-xs-6 benefit-selected" *ngFor="let perk of company.perks; trackBy: customTrackBy; let i = inde
    {{ perk.perk }}
 </div>

。
//在此突出显示
{{perkResult.perk}

您希望
{{}}
中的整个表达式计算为所需的类字符串

[ngClass]="{{perkResult.perk === perk.perk ? 'highlight' : 'none-hightlight'}}"

您不需要插值括号
{}
。在本例中，
[ngClass]
正在查找表达式，因此

[ngClass]="perkResult.perk === perk.perk ? 'highlight' : 'none-hightlight'"

或

会有用的。
太好了。但是我有2个for循环，perk.perk不会在我想要放置它的位置注册。如何引用它？@Kenzo so
perk
和
perkResult
在不同的范围内。我建议将
perk.perk
存储在另一个变量中。（例如，当选择某个对象时）。然后您可以比较
perkResult.perk===newVar
此解决方案将产生编译错误，因为您不能同时使用[]方括号运算符和{{}插值运算符。有效的解决方案如下：
[ngClass]="[perkResult.perk === perk.perk ? 'highlight' : 'none-hightlight']"