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

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

Обзор

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

Примечание: Не каждая функция доступна для всех типов input. В частности, привязка данных и обработка событий через 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–2018 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://code.angularjs.org/1.6.9/docs/api/ng/directive/input