如何使用angular JS在输入文本上设置Max

Question

我想使用angular JS

设置金额字段的最大值

如果我输入值＆gt; 10我想在文本框旁边显示错误消息。因为type =＆＃34; text＆＃34;它不像数字那样工作。

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

Answer 1

正如他们之前所说的那样，只需将类型更改为“数字”即可。但是无论如何你都可以通过控制器中的一个函数输入来解析数字，如下所示：

.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