최신 웹 개발 튜토리얼
 

AngularJS NG-옵션 지침


배열의 항목을 사용하여 드롭 다운 목록에서 선택을 채우

<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 지시어는 <옵션>와 <선택> 요소를 채 웁니다.

ng-options 지시문은 드롭 다운 목록을 채우기 위해 배열을 사용합니다. 많은 경우에는 사용하기 쉬울 것 ng-repeat 지시문을하지만, 사용할 때 더 많은 유연성을 ng-options 지시문을.


통사론

<select ng-options=" array expression "></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
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