AngularJS- ng-optionsrichtlijn
Voorbeeld
Vul opties in een vervolgkeuzelijst in met behulp van de items van een 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>
Definitie en gebruik
De ng-optionsrichtlijn vult een <select>-element met <options>.
De ng-optionsrichtlijn gebruikt een array om de vervolgkeuzelijst te vullen. In veel gevallen zou het gemakkelijker zijn om de ng-repeat
richtlijn te gebruiken, maar je hebt meer flexibiliteit bij het gebruik van de ng-options
richtlijn.
Syntaxis
<select ng-options="array expression"></select>
Ondersteund door het <select> element.
Parameterwaarden
| 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 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 |