Gli ultimi tutorial di sviluppo web
 

AngularJS Direttiva NG-opzioni


Esempio

Riempire 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>
Prova tu stesso "

Definizione e utilizzo

La ng-options direttiva colma un <select> elemento con <opzioni>.

La ng-options direttiva utilizza una matrice per riempire l'elenco a discesa. In molti casi sarebbe più facile da usare il ng-repeat direttiva, ma si ha una maggiore flessibilità quando si utilizza la ng-options direttiva.


Sintassi

<select ng-options=" array expression "></select>

Sostenuto dalla <select> elemento.


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
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