Ejemplo
Llenar opciones en una lista desplegable utilizando los elementos de 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>
Inténtalo tú mismo " Definición y Uso
La ng-options
directiva llena un elemento <select> con <opciones>.
La ng-options
directiva se utiliza una matriz para llenar la lista desplegable. En muchos casos, sería más fácil usar el ng-repeat
Directiva, pero usted tiene más flexibilidad cuando se utiliza el ng-options
directiva.
Sintaxis
<select ng-options=" array expression "></select>
Apoyado por el elemento <select>.
Los valores de los 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 |