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

директива в модуле ng

Обзор

Элемент управления HTML input. При совместном использовании с ngModel, он обеспечивает привязку данных, управление состоянием ввода и валидацию. Управление вводом следует за типами HTML5 и выполняет полифиллинг поведения валидации HTML5 для старых браузеров.

Примечание: Не все функции доступны для всех типов ввода. В частности, привязка данных и обработка событий через ng-model не поддерживаются для input[file].

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

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

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

как элемент:

<input
  ng-model="string"
  [name="string"]
  [required="string"]
  [ng-required="boolean"]
  [ng-minlength="number"]
  [ng-maxlength="number"]
  [ng-pattern="string"]
  [ng-change="string"]
  [ng-trim="boolean"]>
...
</input>

Аргументы

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

Пример

© 2010–2020 Google, Inc.
Licensed under the Creative Commons Attribution License 3.0.
https://code.angularjs.org/1.8.2/docs/api/ng/directive/input