Exemple
Remplissez les options dans une liste déroulante en utilisant les éléments d'un tableau:
<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>
Essayez - le vous - même » Définition et utilisation
Le ng-options directive remplit un <select> avec <options>.
Le ng-options directive utilise un tableau pour remplir la liste déroulante. Dans de nombreux cas , il serait plus facile d'utiliser le ng-repeat directive, mais vous avez plus de flexibilité lors de l' utilisation du ng-options directive.
Syntaxe
<select ng-options=" array expression "></select>Pris en charge par l'élément <select>.
Paramètre valeurs
| 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 |