드롭 다운은

Question

나는 완벽하게 아래 작업 데이터-NG-옵션을 사용하여 드롭 다운 코드가 md-option은 드롭 다운을 렌더링하지만 옵션 항목은없는 것입니다. md-option으로 변경 한 이유는 장래의 UI에서보기에 좋기 때문입니다. 어떤 생각이든 어떻게 작동시켜야하는지 생각해보십시오.

Answer 1

그룹화를 수행하려면 angular-filter.js의 필터 지시문을 포함하고 groupBy을 사용해야합니다. 아래에서 동일한 것을 구현하는 예제를 찾으십시오!

JSFiddle Demo

당신은 ng-options의 구문을 사용하고 있지만, ng-repeat에 대한 코드를 작성했습니다, 여기에 코드의 작업 버전입니다.

JSFiddle Demo

HTML :

<div ng-app='home'> 
    <!-- App goes here --> 
    <md-content layout-padding ng-controller="MainCtrl as mainCtrl"> 
    <md-input-container class="md-block" style="margin:0 !important;"> 
     <md-select ng-model="VacancySavedSearch" placeholder="Select a Vacancy Or Saved Search" id="Md-selectvss1" name="vss"> 
     <md-option ng-value="c" ng-repeat="c in VacanciesWithSavedSearches | orderBy: ['type','title']">{{c.title}}</md-option> 
     </md-select> 
    </md-input-container> 
    </md-content> 
</div> 

Answer 2

당신은 다음과 같이 수행 할 수 있습니다 DISP

<md-input-container > 
    <label>Select the country</label> 
    <md-select ng-model="user.country_id" required style="width: 183px;"> 
     <md-option ng-value="item.id" ng-repeat="item in countries">{{ item.country_name }}</md-option> 
    </md-select> 
</md-input-container> 

Controller.js

$scope.countries = [ 
    { 
     "country_name": "India", 
     "id": 1, 
    }, 
    { 
     "country_name": "Australia", 
     "id": 2, 
    } 
]