2017-05-17 32 views
2

我使用Ionic3,并且有:离子有条件类CSS

<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

,如果我做你应该在'NG-class' – devqon

+0

再看看'','char-left'类甚至没有应用。 – Richard

回答

7

如果它只是一个单独的类,你可以用

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

谢谢,这个作品,我会在8分钟内将它标记为答案。 – Richard