AngularJS覆盖输入类型编号的最小值

时间:2015-07-20 05:00:29

标签: html angularjs

我一直在尝试为输入文本框“number”设置最小值1。我有一个减少它的按钮(使用angularjs)。即使我在点击按钮时将min =“1”设置为低于1.我如何保持最小值1?以下是代码

https://jsfiddle.net/3uyoLqhg/2/

<body ng-app="">
<input ng-model="quan" ng-init="quan=5" min="1" type="number"/>
<button ng-click="quan=quan-1">minus</button>

2 个答案:

答案 0 :(得分:4)

输入min directive用于验证,而不是用于限制模型值。 Chrome确实会在输入框的右边缘显示这些微小的向上和向下箭头,这些箭头尊重min属性,但这就是它。你只需编写自己的限制逻辑,如

<button ng-click="quan = quan > 1 ? quan - 1 : quan">minus</button>

Fiddle

答案 1 :(得分:0)

如果您的分钟将是1,那么您可以使用短路评估

 <button ng-click="quan=(quan-1) || 1">minus</button>