AngularJS ng-options
Yö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-options
bir <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 |