En son web geliştirme öğreticiler
 

AngularJS ng-seçenekleri Yönergesi


Örnek

Bir dizinin öğelerini kullanarak bir açılır listede seçeneklere 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>
Kendin dene "

Tanımı ve Kullanımı

ng-options yönergesi doldurur <select> ile eleman <options> .

ng-options direktifi açılır listeyi doldurmak için bir dizi kullanır. Pek çok durumda, kullanımı daha kolay olurdu ng-repeat yönergesi, ancak kullanırken fazla esnekliğe sahip ng-options direktifini.


Sözdizimi

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

Tarafından desteklenen <select> elemanı.


Parametre Değerleri

değer Açıklama
array expression Bir dizinin belirtilen parçaların seçen bir ifade seçme elemanı doldurun.

Yasal ifadeler:

dizi değer için etiket

Dizideki değeri için etiket olarak seçmek

dizi değer için grubu ile, etiket grubu,

Etiket dizi değer için zaman devre dışı devre dışı

sentezlenmesi ile dizi parça değeri grubu ile, etiket grubu,

Etiket ifadeye göre dizi pistinde değeri için zaman devre dışı devre dışı

Dizideki değeri için etiket | ifadeye göre orderBy ifade parça