Ionic conditional class css

Question

I am using Ionic3, and have:

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

I would like to conditionally change the class value when another value is populated, i.e when ratingForm.controls.review.length > 0 change the values to class="char-left-error".

I did look at ng-class, but cannot seem to get it to work.

Any help appreciated.

You should take another look at `ng-class` – devqon May 17 '17 at 10:36 — devqon, May 17 '17 at 10:36
if I do ``, the class `char-left` is not even applied. – Richard May 17 '17 at 10:38 — Richard, May 17 '17 at 10:38

score 35 · Accepted Answer · answered May 17 '17 at 10:38

If it's just a single class, you can try with

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

By using ngClass it would look like

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

Ionic conditional class css

1 Answers1

Linked