tutoriais mais recente desenvolvimento web
 

AngularJS Directiva NG-opções


Exemplo

Preencha opções em uma lista suspensa usando os itens de uma matriz:

<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>
Tente você mesmo "

Definição e Uso

A ng-options directiva preenche um elemento <select> com <Opções>.

A ng-options directiva usa uma matriz para preencher a lista suspensa. Em muitos casos, seria mais fácil usar o ng-repeat directiva, mas você tem mais flexibilidade quando se utiliza a ng-options directiva.


Sintaxe

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

Compatível com o elemento <select>.


Os valores dos parâmetros

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