CODEWITHSUNDEEP
angulartypescriptionic-frameworkionic2ionic3
Richard
Richard

Reputation: 8935

Ionic conditional class css

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.

Upvotes: 14

Views: 24620

Answers (1)

sebaferreras
sebaferreras

Reputation: 44659

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}">

Upvotes: 35

Related Questions