Los últimos tutoriales de desarrollo web
 

AngularJS Directiva NG-opciones


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