离子条件类 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}">