ng-options
Directiva AngularJS
Ejemplo
Complete las opciones en una lista desplegable usando los elementos de una 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>
Definición y uso
La ng-options
directiva llena un elemento <select> con <options>.
La ng-options
directiva usa una matriz para llenar la lista desplegable. En muchos casos, sería más fácil usar la ng-repeat
directiva, pero tiene más flexibilidad al usar la ng-options
directiva.
Sintaxis
<select ng-options="array expression"></select>
Compatible con el elemento <select>.
Valores paramétricos
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 |