Kursempfehlung:
Definition und Verwendung von AngularJS ng-options Anweisung
ng-options
Anweisung definiert und verwendet <options>
zufüllen lt;select>
Elemente.
ng-options
Anweisung verwendet Arrays, um die Dropdown-Liste zu füllen. In vielen Fällen ist die Verwendung ng-repeat
Anweisung macht es einfacher, aber die Verwendung ng-options
Sie haben mehr Flexibilität, wenn Sie Anweisungen verwenden.
Beispiel
Durch die Verwendung von Elementen im Array können Sie die Optionen in der Dropdown-Liste füllen:
<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>
Syntax
<select ng-options="array expression"></select>
Betroffen von <select>
Elemente, die Unterstützung bieten.
Parameter
Parameter | Beschreibung |
---|---|
array expression |
Ein Ausdruck, der eine bestimmte Teilmenge des Arrays auswählt, um das select-Element zu füllen. Gültige Ausdrücke: 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 |