角度 – 离子条件类css

我正在使用Ionic3,并且:
<span class="char-left">{{REVIEW_MAX_LENGTH-ratingModel.review.length}} characters left</span>

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

我确实看过ng-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}">

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效