Проверка количества в угловом 2

Question

Угловая 2 (2.0.0) + TS.

Я должен установить правила проверки с помощью знака <input> в столбце таблицы.

Для expample, у меня есть таблица и ввод:

<table> 
    <tr> 
    <td>Values: {{ dataFromServer }}</td> 
    </tr> 
</table> 
<input type="number" placeholder="maxvalue"> 
<input type="number" placeholder="minvalue"> 

dataFromServer является значение, которое я получаю от сервера, а равно 255.

Я добавляю maxvalue = 100 и minvalue = 20, а затем Values: 255 получил красный цвет. Как это реализовать? Или дайте мне несколько интересных примеров.

Answer 1

Изменить вам HTML-код, как этот

<table> 
    <tr> 
     <td ng-class="{'colorRed': dataFromServer > maxvalue || dataFromServer < minvalue }">Values: {{ dataFromServer }}</td> 
    </tr> 
</table> 
<input type="number" placeholder="maxvalue" ng-model="maxvalue"> 
<input type="number" placeholder="minvalue" ng-model="minvalue"> 

И добавить CSS как

.colorRed { 
    color:red; 
}