ичок в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>