Angular 2 ngClass有条件的数据吗? [英] Angular 2 ngClass conditional with data?

问题描述

因此，如果已经选择了一个对象，那么我基本上是试图设置一个突出显示.如何比较对象以更改类?像这样

So I am basically trying to set a highlight if an object is selected already. How can I compare the objects to change classes? Something like this

<[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>

推荐答案

您不需要插值括号{{}}.在这种情况下，[ngClass]在寻找表达式，所以

You do not need the interpolation brackets {{}}. In this case, [ngClass] is looking for an expression, so

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

或

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

将起作用.

这篇关于Angular 2 ngClass有条件的数据吗?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！