En Angular 1, el siguiente código funciona bien.
<div ng-class="$varA === $varB ? 'css-class-1' : 'css-class-2'">Pero cuando trato de hacer algo similar en Angular 2. No funciona.
Ya agregué directives: [NgClass]
<div [ngClass]="varA === varB ? 'css-class-1' : 'css-class-2'">¿Cómo debo escribir en Angular 2, gracias!
EDITAR: Fue mi error, accidentalmente agregué { } a todo el varA === varB ? 'css-class-1' : 'css-class-2' . Entonces ngClass todavía puede usar el operador ternario en Angular 2.
Sí. Lo que escribiste funciona:
<div [ngClass]="varA === varB ? 'css-class-1' : 'css-class-2'">El resultado de la expresión en el lado derecho tiene que evaluar a uno de los siguientes:
¿Tal vez tuviste algún otro error en tu código?
<div [ngClass]="{'css-class-1':varA === varB, 'css-class-2': varA !== varB}">Ver también https://angular.io/api/common/NgClass
Puedes probar lo siguiente.....
Para uso de operador ternario:
[ngClass]="condition1==condition2?'class-1':'class-2'"Para uso en múltiples condiciones:
[ngClass]="{'class-1':condition1==condition2, 'class-2': condition3==condition4}"gracias...