AngularJS ng-options instructie
Definitie en gebruik
ng-options
Instructie gebruikt <options>
invullen lt;select>
elementen.
ng-options
instructie gebruikt een array om de keuzelijst in te vullen. In veel gevallen, het gebruik van ng-repeat
instructie maakt het eenvoudiger, maar het gebruik van ng-options
U heeft meer flexibiliteit bij het gebruik van instructies.
Voorbeeld
Door gebruik te maken van items in de array om opties in de keuzelijst in te vullen:
<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>
Syntax
<select ng-options="array expression"></select>
Onderhevig aan <select>
Ondersteunde elementen.
Parameters
Parameters | Beschrijving |
---|---|
array expression |
Een expressie die een specifieke deel van de array selecteert om de select-elementen te vullen. Geldige expressies: 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 |