这是 Angular 应用程序,我想根据变量的字符长度大于 128 个字符的条件应用 css 类。我受到这篇文章的启发 enter link description here .如下代码片段所示,我尝试根据 charlen 值在 128 以内或之外的条件动态应用样式。 我是 Angular 的新手,我不知道很多概念,谢谢你的建议。
template.html
<input [ngClass] = "(charlen <128)?'class1':'class2' />
template.ts
str:String;
charlen:Number;
ngInit () {
str="this is not 128 char";
charlen = str.length;
}
template.css
.class1 {
color:red;
}
.class2 {
color:blue;
}
最佳答案
你可以这样做:
<input [ngClass]="{ 'class1': charlen < 128, 'class2': charlen >= 128 }" />
关于css - 如何根据字符长度> 128 的条件应用 css 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59714500/