离子条件 class 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"。

我看过 ，但似乎无法正常工作。

感谢任何帮助。

Answer 1

如果只有一个class，可以试试

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