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