离子条件类css

Question

我正在使用Ionic3,并且:

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

我想class在填充另一个值时有条件地更改该值,即将ratingForm.controls.review.length > 0值更改为class="char-left-error".

我确实看过ng-class,但似乎无法让它发挥作用.

任何帮助赞赏.

Answer 1

如果它只是一个类,你可以试试

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

通过使用ngClass它看起来像

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