J'essaie donc essentiellement de mettre en évidence un objet déjà sélectionné. Comment comparer les objets pour changer de classe? Quelque chose comme ça
<[ngClass]="{{perkResult.perk === perk.perk}} ? 'highlight' : 'none-hightlight' ">
Code actuel:
<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>
Vous n'avez pas besoin des parenthèses d'interpolation {{}}
. Dans ce cas, [ngClass]
recherche une expression, donc
[ngClass]="perkResult.perk === perk.perk ? 'highlight' : 'none-hightlight'"
ou
[ngClass]="[perkResult.perk === perk.perk ? 'highlight' : 'none-hightlight']"
marchera.