AngularJS переопределяет минимальное значение в номере типа ввода

0

Я пытаюсь установить минимальное значение 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 ответа

4
Лучший ответ

Директива min для ввода предназначена для проверки, а не для ограничения значения модели. У Chrome есть эти крошечные стрелки вверх и вниз, расположенные справа от поля ввода, который учитывает атрибут min, но об этом. Вам просто нужно написать свою собственную логику ограничения, например

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

скрипка

0

Если ваш мин будет 1 вы можете использовать оценку короткого замыкания

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

Ещё вопросы

Сообщество Overcoder
Наверх
Меню