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

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

HTML SELECT элемент с привязкой данных Angular.

ngOptions

Атрибут ngOptions может использоваться для динамического создания списка <option> элементов для элемента <select> с использованием массива или объекта, полученного в результате оценки ngOptions выражения.

При выборе элемента в выпадающем списке <select>, элемент массива или свойство объекта, представленные выбранным элементом, будут привязаны к модели, определенной директивой ngModel.

Примечание: ngModel сравнивает по ссылке, а не по значению. Это важно при привязке к массиву объектов. См. пример в этом jsfiddle.

Необязательно, можно вложить один жестко закодированный <option> элемент со значением, установленным в пустую строку, в элемент <select>. Этот элемент будет представлять null или опцию «не выбрано». См. пример ниже для демонстрации.

Примечание: ngOptions предоставляет функциональность итератора для элемента <option>, которую следует использовать вместо ngRepeat, когда вы хотите, чтобы модель select была привязана к значению, отличного от строки. Это связано с тем, что в настоящее время элемент option может быть привязан только к строковым значениям.

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

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

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

как элемент:

<select
  ng-model=""
  [name=""]
  [required=""]
  [ng-required=""]
  [ng-options=""]>
...
</select>

Аргументы

Параметр	Тип	Подробности
ngModel	`string`	Назначаемое выражение Angular для привязки данных.
name (необязательно)	`string`	Имя свойства формы, в котором публикуется элемент управления.
required (необязательно)	`string`	Элемент управления считается корректным только при вводе значения.
ngRequired (необязательно)	`string`	Добавляет атрибут `required` и ограничение валидации `required` к элементу, когда выражение ngRequired принимает значение true. Используйте `ngRequired` вместо `required`, когда вы хотите привязать данные к атрибуту `required`.
ngOptions (необязательно)	`comprehension_expression`	в одном из следующих форматов: для источников данных в виде массива: `label` `for` `value` `in` `array` `select` `as` `label` `for` `value` `in` `array` `label` `group by` `group` `for` `value` `in` `array` `select` `as` `label` `group by` `group` `for` `value` `in` `array` `track by` `trackexpr` для источников данных в виде объекта: `label` `for (``key` `,` `value``) in` `object` `select` `as` `label` `for (``key` `,` `value``) in` `object` `label` `group by` `group` `for (``key``,` `value``) in` `object` `select` `as` `label` `group by` `group` `for` `(``key``,` `value``) in` `object` Где: `array` / `object`: выражение, которое вычисляет массив / объект для итерации. `value`: локальная переменная, которая будет ссылаться на каждый элемент в `array` или на каждое значение свойства `object` во время итерации. `key`: локальная переменная, которая будет ссылаться на имя свойства в `object` во время итерации. `label`: Результат этого выражения будет меткой для элемента `<option>` . `expression` скорее всего, будет ссылаться на переменную `value` (например, `value.propertyName`). `select`: Результат этого выражения будет привязан к модели родительского элемента `<select>` . Если не указано, выражение `select` будет по умолчанию `value`. `group`: Результат этого выражения будет использоваться для группировки опций с использованием элемента `<optgroup>` DOM. `trackexpr`: Используется при работе с массивом объектов. Результат этого выражения будет использоваться для идентификации объектов в массиве. `trackexpr` скорее всего, будет ссылаться на переменную `value` (например, `value.propertyName`).

© 2010–2017 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://code.angularjs.org/1.2.32/docs/api/ng/directive/select