AngularJS ng-options инструкцию

Определение и использование

ng-options инструкции используется для <options> заполнение lt;select> элементов.

ng-options инструкции использует массив для заполнения списка выбора. В многих случаях, использование ng-repeat инструкции делает это проще, но использование ng-options инструкции предоставляет вам большую гибкость.

Пример

Используя элементы массива для заполнения списка выбора:

<div ng-app="myApp" ng-controller="myCtrl">
<select ng-model="selectedName" ng-options="item for item in names"></select>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {}}
    $scope.names = ["Emil", "Tobias", "Linus"];
});
</script>

Попробуйте сами

Синтаксис

<select ng-options="array expression"></select>

Поддерживается <select> Поддерживаемые элементы.

Параметры

Параметры Описание
array expression

Выражение, которое выбирает указанную часть массива для заполнения элемента select.

Допустимые выражения:

label for value in array

select as label for value in array

label group by group for value in array

label disable when disable for value in array

label group by group for value in array track by expression

label disable when disable for value in array track by expression

label for value in array | orderBy expression track by expression