Spec-Zone.ru › Angular.js 1.7

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

  1. Директива в модуле 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–2018 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://code.angularjs.org/1.7.8/docs/api/ng/directive/input

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API