Instrução AngularJS ng-options

Definição e uso

ng-options a diretiva define e usa <options> preencher lt;select> elementos.

ng-options a diretiva usa arrays para preencher listas suspensas. Em muitos casos, usar ng-repeat a diretiva torna mais fácil, mas usar ng-options você tem mais flexibilidade ao usar a diretiva.

Exemplo

Preencha a lista suspensa com itens do 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>

Experimente você mesmo

Sintaxe

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

afetado por <select> Suporte de Elementos

Parâmetros

Parâmetros Descrição
array expression

Expressão que escolhe uma parte específica do array para preencher o elemento select.

Expressões válidas:

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