ng-optionsДиректива AngularJS
Пример
Заполните параметры в раскрывающемся списке, используя элементы массива:
<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>
Определение и использование
Директива ng-optionsзаполняет элемент <select> параметрами <options>.
Директива ng-optionsиспользует массив для заполнения выпадающего списка. Во многих случаях было бы проще использовать ng-repeat
директиву, но у вас больше гибкости при использовании ng-options
директивы.
Синтаксис
<select ng-options="array expression"></select>
Поддерживается элементом <select>.
Значения параметров
| Value | Description |
|---|---|
| array expression | An expression that selects the specified parts of an array to fill the
select element. Legal expressions: 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 |