离子条件类 CSS

2024-03-12

我正在使用 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 https://stackoverflow.com/questions/34306816/ionic-conditional-text-color,但似乎无法让它发挥作用。

任何帮助表示赞赏。


如果只是一个类,你可以尝试

<span class="char-left" [class.char-left-error]="ratingForm.controls.review.length > 0">

通过使用ngClass https://angular.io/docs/ts/latest/api/common/index/NgClass-directive.html它看起来像

<span class="char-left" [ngClass]="{'char-left-error' : ratingForm.controls.review.length > 0}">
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

离子条件类 CSS 的相关文章

随机推荐