ng-optionsDirettiva AngularJS
Esempio
Riempi le opzioni in un elenco a discesa utilizzando gli elementi di un 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>
Definizione e utilizzo
La ng-optionsdirettiva riempie un elemento <select> con <opzioni>.
La ng-optionsdirettiva utilizza un array per riempire l'elenco a discesa. In molti casi sarebbe più semplice utilizzare la ng-repeat
direttiva, ma si ha maggiore flessibilità quando si utilizza la ng-options
direttiva.
Sintassi
<select ng-options="array expression"></select>
Supportato dall'elemento <select>.
Valori dei parametri
| 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 |