Улучшить эту документацию Просмотреть исходный код input[number]

input в модуле ng

Текстовое поле с проверкой и преобразованием чисел. Устанавливает ошибку валидации number при вводе некорректного числа.

Модель должна всегда быть типа number, иначе Angular выведет ошибку. Обратите внимание, что строка, содержащая число, недостаточно. Обратитесь к документации ошибок numfmt для получения дополнительной информации и примера преобразования модели, если это необходимо.

Проблемы с проверкой ограничений HTML5

В браузерах, которые следуют спецификации HTML5, input[number] не работает должным образом с ngModelOptions.allowInvalid. Если введено нечисловое значение, браузер сообщит значение как пустую строку, что означает, что значения представления/модели в ngModel и, следовательно, значение области также будут пустой строкой.

Информация о директиве

Эта директива выполняется на уровне приоритета 0.

Использование

<input type="number"
       ng-model="string"
       [name="string"]
       [min="string"]
       [max="string"]
       [required="string"]
       [ng-required="string"]
       [ng-minlength="number"]
       [ng-maxlength="number"]
       [pattern="string"]
       [ng-pattern="string"]
       [ng-change="string"]>

Аргументы

Параметр	Тип	Подробности
ngModel	`string`	Присваиваемое выражение Angular для привязки к данным.
name (необязательно)	`string`	Имя свойства формы, в рамках которого контрол публикуется.
min (необязательно)	`string`	Устанавливает ключ ошибки валидации `min`, если введенное значение меньше `min`.
max (необязательно)	`string`	Устанавливает ключ ошибки валидации `max`, если введенное значение больше `max`.
required (необязательно)	`string`	Устанавливает ключ ошибки валидации `required`, если значение не введено.
ngRequired (необязательно)	`string`	Добавляет атрибут `required` и ограничение валидации `required` к элементу, когда выражение ngRequired равно true. Используйте `ngRequired` вместо `required`, если вы хотите привязать данные к атрибуту `required`.
ngMinlength (необязательно)	`number`	Устанавливает ключ ошибки валидации `minlength` если длина значения меньше minlength.
ngMaxlength (необязательно)	`number`	Устанавливает ключ ошибки валидации `maxlength` если длина значения больше maxlength. Установка значения атрибута в отрицательное или нечисловое значение позволяет значениям представления любой длины.
pattern (необязательно)	`string`	Аналогично `ngPattern`, за исключением того, что значение атрибута - это фактическая строка, содержащая тело регулярного выражения, которое будет преобразовано в регулярное выражение, как в директиве ngPattern.
ngPattern (необязательно)	`string`	Устанавливает ключ ошибки валидации `pattern` если ngModel $viewValue не соответствует RegExp, полученному путем оценки выражения Angular, указанного в значении атрибута. Если выражение оценивается как объект RegExp, то оно используется непосредственно. Если выражение оценивается как строка, то она будет преобразована в RegExp после обертывания в символы `^` и `$`. Например, `"abc"` будет преобразовано в `new RegExp('^abc$')`. Примечание: Избегайте использования флага `g` в RegExp, так как это приведет к тому, что каждый последующий поиск будет начинаться с индекса совпадения последнего поиска, тем самым не учитывая все значение ввода.
ngChange (необязательно)	`string`	Выражение Angular, которое должно быть выполнено, когда вход изменяется из-за взаимодействия пользователя с элементом ввода.

© 2010–2017 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://code.angularjs.org/1.5.11/docs/api/ng/input/input%5Bnumber%5D