Neueste Web-Entwicklung Tutorials
 

AngularJS ng-Optionen Richtlinie


Beispiel

Füllen Sie Optionen in einer Dropdown-Liste durch die Elemente eines Arrays mit:

<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>
Versuch es selber "

Definition und Verwendung

Die ng-options Richtlinie füllt ein <select> Element mit <Optionen>.

Die ng-options Richtlinie verwendet eine Anordnung der Dropdown - Liste zu füllen. In vielen Fällen wäre es einfacher, die zu verwenden ng-repeat - Richtlinie, aber Sie mehr Flexibilität bei der Verwendung von ng-options Richtlinie.


Syntax

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

Unterstützt durch das <select> -Element.


Parameterwerte

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