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>

Probieren Sie es selbst aus

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