Я пытаюсь установить минимальное значение 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>
Директива min для ввода предназначена для проверки, а не для ограничения значения модели. У Chrome есть эти крошечные стрелки вверх и вниз, расположенные справа от поля ввода, который учитывает атрибут min
, но об этом. Вам просто нужно написать свою собственную логику ограничения, например
<button ng-click="quan = quan > 1 ? quan - 1 : quan">minus</button>
Если ваш мин будет 1
вы можете использовать оценку короткого замыкания
<button ng-click="quan=(quan-1) || 1">minus</button>