2017-02-28 58 views
0

設定最大上輸入文本欲使用角JS如何使用角JS

如果我輸入值> 10我想旁邊的文本框中顯示錯誤消息的量字段中設置最大值。由於type =「text」,它不像數字那樣工作。

<input type="text" name="input" ng-model="example.value" ngmin="0" ngmax="10" > 
+1

爲什麼不讓它輸入'type =「number」'? –

+0

爲什麼不使用type =「number」? – mehulmpt

+0

,然後使用'ng-if'在'example.value'爲'null'時顯示一條消息。 – Naigel

回答

0

正如他們之前所說的,只是將類型更改爲「數字」。但是你可以用輸入反正做室內用控制器解析像這樣數量的功能:使用

.controller('myCtrl', function ($scope) { 

    $scope.parse = function(i){ 
    return parseInt(i); 
    } 
}); 

而在HTML中的NG-IF:

<input type="text" ng-model="myNum"> 
<p class="bad-input" ng-if="parse(myNum)>10 ||parse(myNum)<0 ">The number is wrong</p> 

下面是一個工作Plunker

+0

我試過了。有效 。我想突出顯示錯誤的文本框。對於必需的檢查(強制檢查),我使用data-ng-class =「{'has-error':amount。$ invalid}」,這將高亮顯示爲紅色。我可以得到這個錯誤也highlighed – jubi

+0

我有一個保存按鈕,將被禁用,如果有錯誤。但如果我添加上面的驗證它不是gettign禁用 – jubi

+0

您可以使用相同的表達式ng-class指令,和相同的expresion(否定)來隱藏或禁用按鈕。我更新了Plunker,所以你可以檢查它,但正如所說的應該更好,更容易使用type =「number」輸入。 – Luisma