角度输入[数字]是否允许空白?

时间:2016-03-21 23:35:49

标签: angularjs

是否有一种简单的方法让input[number]指令接受空值?

我基本上需要一个接受1 - 100但也是空白值的输入。希望有一个简单的方法来做到这一点,而不是为此制作自定义验证器。

https://docs.angularjs.org/api/ng/input/input%5Bnumber%5D这是内置的Angular指令。

1 个答案:

答案 0 :(得分:1)

input默认情况下允许空值(给定requiredng-required未设置):

<input type="number" min="1" max="100" ng-model="val">

<!DOCTYPE html>
<html>

<head>
  <script data-require="angular.js@1.5.0" data-semver="1.5.0" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js"></script>
</head>

<body ng-app>
  <form name="f">
    <input type="number" min="1" max="100" ng-model="val" name="in">
    <b>val:</b> '{{val}}' <b>valid:</b> {{f.in.$valid}}
    <button ng-click="val = ''">Clear</button>
  </form>
</body>

</html>