AngularJS ng-optionsYönergesi


Örnek

Bir dizinin öğelerini kullanarak bir açılır listedeki seçenekleri doldurun:

<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>

Tanım ve Kullanım

Yönerge ng-optionsbir <select> öğesini <options> ile doldurur.

Yönerge ng-options, açılır listeyi doldurmak için bir dizi kullanır. Çoğu durumda yönergeyi kullanmak daha kolay olacaktır ng-repeat , ancak yönergeyi kullanırken daha fazla esnekliğe sahipsiniz ng-options .


Sözdizimi

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

<select> öğesi tarafından desteklenir.


Parametre Değerleri

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