离子条件类css答案

【问题标题】：Ionic conditional class css离子条件类css
【发布时间】：2017-10-16 18:34:07
【问题描述】：

我正在使用 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，但似乎无法让它工作。

任何帮助表示赞赏。

【问题讨论】：

【解决方案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}">

【讨论】：