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