Przykład
Opcje na liście rozwijanej wypełnić przy użyciu elementów tablicy:
<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>
Spróbuj sam " Definicja i Wykorzystanie
ng-options dyrektywa wypełnia <Wybierz> element z <Opcje>.
ng-options dyrektywa wykorzystuje tablicę do wypełnienia listy rozwijanej. W wielu przypadkach łatwiej byłoby użyć ng-repeat dyrektywę, ale masz większą elastyczność przy korzystaniu z ng-options dyrektywy.
Składnia
<select ng-options=" array expression "></select>Obsługiwane przez <select> elementu.
wartości parametrów
| 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 |