AngularJS- ng-optionsDirektive
Beispiel
Füllen Sie Optionen in einer Dropdown-Liste aus, indem Sie die Elemente eines Arrays verwenden:
<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>
Definition und Verwendung
Die ng-optionsDirektive füllt ein <select>-Element mit <options>.
Die ng-optionsDirektive verwendet ein Array, um die Dropdown-Liste zu füllen. In vielen Fällen wäre es einfacher, die ng-repeat
Direktive zu verwenden, aber Sie haben mehr Flexibilität bei der Verwendung der ng-options
Direktive.
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 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 |