如何使用角JS

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

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

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

2017-02-28 jubi

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

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

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

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

.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

2017-02-28 13:33:25 Luisma

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

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

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

回答