web-dev-qa-db-fra.com

Attribuer des classes conditionnellement dans Angular2

J'essaie d'assigner sous condition une classe à une div en fonction de la valeur obtenue de mon système dorsal.

Disons qu'il y a un objet 'A' qui a une variable status qui a éventuellement des valeurs status1 et status2.

J'essaie d'attribuer 2 classes (class1 et class2) conditionnellement, en fonction du statut, à l'aide de Angular 2.). Voici la condition que j'utilise. Veuillez suggérer une alternative pratique pour cela,

<div ng-class="{status1 : 'class1', status2 : 'class2'}[A.status]">
   ...
</div>
16
Ramana Sarva

Vous pouvez lier votre objet au [ngClass] directive

<div [ngClass]="{'active': isActive, 'disabled': isDisabled}">

presque la même syntaxe que angular 1. ajoutez simplement les crochets

46
eltonkamami

Angular 2 fournit un moyen d’ajouter une classe à la condition, ce lien est utile

Classe conditionnelle angulaire 2 avec * ngClass

2
MostafaMashayekhi