ng-optionsDirective AngularJS
Exemple
Remplissez les options d'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>
Définition et utilisation
La ng-optionsdirective remplit un élément <select> avec <options>.
La ng-optionsdirective utilise un tableau pour remplir la liste déroulante. Dans de nombreux cas, il serait plus facile d'utiliser la ng-repeat
directive, mais vous avez plus de flexibilité lors de l'utilisation de la ng-options
directive.
Syntaxe
<select ng-options="array expression"></select>
Pris en charge par l'élément <select>.
Valeurs des paramètres
| 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 |