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