Directive ng-options d'AngularJS
Définition et utilisation
ng-options La directive <options> remplir lt;select> éléments.
ng-options La directive ng-repeat utilise un array pour remplir la liste déroulante. Dans de nombreux cas, l'utilisation de ng-repeat Les directives deviennent plus faciles à utiliser, mais avec ng-options Vous avez plus de flexibilité en utilisant des directives.
Exemple
Remplir la liste déroulante avec des éléments de l'array :
<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>
Syntaxe
<select ng-options="array expression"></select>
Sous <select> Support des éléments
Paramètres
| Paramètres | Description |
|---|---|
| array expression |
Expression qui sélectionne une partie spécifique de l'array pour remplir l'élément select. Expression légitime : 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 |
