Angular 2 Click + ngClass, cómo aplicar SOLO a SELF pero NO TODOS los elementos dentro de ngFor

Question

Jul 25, 2016, 12:12 PM

Angular 2 Click + ngClass, cómo aplicar SOLO a SELF pero NO TODOS los elementos dentro de ngFor

En Angular 1.x, este código siguiente funciona como quiero hacer clic y voltear una tarjeta dentro de un ng-repeat

<div class="card" ng-repeat="let card of cards">
<div class="flipcard" ng-class="{'flipped':isflipped}" ng-click="isflipped = !isflipped">
</div>
</div>

Sin embargo, en Angular 2 cuando se hace clic, volteó cada "tarjeta" dentro del bucle ngFor ... ¿cómo vinculo la condición ngClass solo al elemento mismo?

<div class="card" *ngFor="let card of cards">
<div class="flipcard"  [ngClass]="{'flipped': isflipped }" (click)="isflipped = !isflipped;">
</div>
</div>