角度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; 
}