web-dev-qa-db-fra.com

Ionic classe conditionnelle css

J'utilise Ionic3 et j'ai:

<span class="char-left">{{REVIEW_MAX_LENGTH-ratingModel.review.length}} characters left</span>

Je voudrais modifier conditionnellement la valeur class lorsqu'une autre valeur est remplie, c'est-à-dire lorsque ratingForm.controls.review.length > 0 changez les valeurs en class="char-left-error".

J'ai regardé ng-class , mais ne semble pas pouvoir le faire fonctionner.

Toute aide appréciée.

11
Richard

S'il ne s'agit que d'une seule classe, vous pouvez essayer avec

<span class="char-left" [class.char-left-error]="ratingForm.controls.review.length > 0">

En utilisant ngClass cela ressemblerait à

<span class="char-left" [ngClass]="{'char-left-error' : ratingForm.controls.review.length > 0}">
24
sebaferreras