我是初学者,对于Angular2不是很熟悉,想知道如何根据值来设置元素的字体颜色。
我的情况是:如果输入框中的值不是100,则希望将其设置为红色,但如果值等于100,则希望将其设置为绿色。
我已经写好了以下代码,但无法让它工作。
XXX.component.css
.red {
color: red;
}
.green {
color: green;
}
XXX.component.css
<input mdInput placeholder="Proportion '%'" [(ngModel)]="proportion ">
<p>hello <span ng-class='{red : proportion!= '100', green: proportion === '100'}'>{{proportion}}</span></p>
proportion
,而不是username
,代码如下:g-class='{red : proportion != '100', green: proportion === '100'}
。如果可以,请告诉我它是否有效。 - Max Koretskyi