I am new to Angular2
and was wondering how I go about setting a font color to an element depending on the value.
My scenario is: if the value of the input field is not 100 then I want it red but if it is 100 then I want it green.
I have the following code in place but cant get it working.
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>
See Question&Answers more detail:
os 与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…