AngularJS에서 ng-options 지시문을 사용하면
배열에서 옵션을 생성하려면 다음 구문을 사용하세요.
<select ng-model="selectedValue" ng-options="item.value as item.label for item in items">
여기서:
다음 AngularJS 컨트롤러를 고려하세요.
$scope.items = [
{id: '000001', title: 'Chicago'},
{id: '000002', title: 'New York'},
{id: '000003', title: 'Washington'}
];이 데이터를
<select ng-model="selectedItem" ng-options="item.id as item.title for item in items">
기본적으로 특정 옵션을 선택하려면 ng-init 지시어를 사용하세요.
<select ng-model="selectedItem" ng-init="selectedItem = items[1]" ng-options="item.id as item.title for item in items">
사용자 정의 <옵션>
<select ng-model="selectedItem">
<option value="">Select One</option>
<option ng-repeat="item in items" ng-value="item.id">{{item.title}}</option>
</select>선택 후 사용자 정의 기본 옵션을 숨기려면 ng-를 사용하세요. 숨기기:
<select ng-model="selectedItem">
<option value="" ng-hide="selectedItem">Select One</option>
<option ng-repeat="item in items" ng-value="item.id">{{item.title}}</option>
</select>위 내용은 ng-options를 사용하여 AngularJS에서 동적 드롭다운 목록을 어떻게 생성합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
