Asignar clases condicionalmente en Angular2
ng-class (2)
Esta pregunta ya tiene una respuesta aquí:
- Angular: clase condicional con * ngClase 12 respuestas
Estoy tratando de asignar condicionalmente una clase a un div en función del valor que obtuve de mi sistema back-end.
Supongamos que hay un objeto ''A''
que tiene un status
variable que posiblemente tenga valores status2
y status2
.
Estoy tratando de asignar 2 clases (clase 1 y clase 2) condicionalmente, dependiendo del estado usando Angular 2. A continuación se presenta la condición que estoy usando. Por favor sugiera una alternativa de trabajo para esto,
<div ng-class="{status1 : ''class1'', status2 : ''class2''}[A.status]">
...
</div>
Angular 2 proporciona alguna forma de agregar clase con la condición, este enlace es útil
Puede enlazar su objeto a la directiva [ngClass]
<div [ngClass]="{''active'': isActive, ''disabled'': isDisabled}">
casi la misma sintaxis que la angular 1. simplemente añada los corchetes