Последние учебники веб-разработки
 

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> с <Опции>.

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
disabled when disable for value in array

label
group by group for value in array track by expression

label
disabled when disable for value in array track by expression

label
for value in array | orderBy expression track by expression