AngularJS ng-options
지시문
예시
배열의 항목을 사용하여 드롭다운 목록의 옵션 채우기:
<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>
정의 및 사용
지시문 은 ng-options
<select> 요소를 <options>로 채웁니다.
지시문 은 ng-options
배열을 사용하여 드롭다운 목록을 채웁니다. 많은 경우 지시어를 사용하는 것이 더 쉬울 ng-repeat
것이지만 지시어를 사용할 때 더 많은 유연성이 있습니다 ng-options
.
통사론
<select ng-options="array expression"></select>
<select> 요소에서 지원합니다.
매개변수 값
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 |