Directiva ng-options de AngularJS

Definición y uso

ng-options la directiva se usa <options> rellenar lt;select> elemento.

ng-options la directiva usa un array para llenar la lista desplegable. En muchos casos, se utiliza ng-repeat hace que sea más fácil, pero el uso de ng-options tiene más flexibilidad cuando se utiliza la directiva.

Ejemplo

Al utilizar los elementos del array para llenar las opciones en la lista desplegable:

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

Prueba personalmente

Sintaxis

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

Afectado por <select> Elementos soportados.

Parámetros

Parámetros Descripción
array expression

Expresión, que selecciona una parte específica del array para llenar el elemento select.

Expresiones legales:

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