AngularJS ng-options 지시명령
정의와 사용법
ng-options 지시명령은 <options> 채우기 lt;select> 요소를 사용합니다.
ng-options 지시명령을 사용하여 드롭다운 목록을 채우는 데 배열을 사용합니다. 많은 경우에, ng-repeat 지시명령을 사용하면 더 쉬울 것입니다만, 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>
문법
<select ng-options="array expression"></select>
에 의해 <select> 지원되는 요소
매개변수
| 매개변수 | 설명 |
|---|---|
| array expression |
표현식, 이는 select 요소에 배열의 지정된 부분을 채우기 위해 선택합니다. 법적인 표현식: 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 |
