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

変更するには、この

<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"> 

のようなコードをHTMLと

.colorRed { 
    color:red; 
} 

のようにCSSを追加