角度級聯下拉

Question

我正在嘗試創建兩個下拉下降與主題和另一個視頻。這些視頻將按照主題進行過濾。預先感謝您的幫助。

 <md-input-container flex> 
      <label>Topic</label> 
      <md-select ng-model="selected.topic" required ng-change="getVideosByTopicId(selected.topic)"> 
       <md-option ng-repeat="topic in topics" value="{{topic.TopicID}}">{{topic.TopicName}}</md-option> 
      </md-select> 
     </md-input-container> 
     <md-input-container flex> 
      <label>Video</label> 
      <md-select ng-model="selected.video" required > 
       <md-option ng-repeat="video in videos" value="{{video.VideoID}}">{{video.Name}}</md-option> 
      </md-select> 
     </md-input-container> 

這是控制器

function getVideosByTopicId(topicId) { 
    return $http.post(baseUrl + 'Test/getVideosByTopicId', topicId).then(function (response) { 
     return $.parseJSON(response.data); 
    }); 
} 

Answer 1

你可以做到這一點，

<md-select ng-model="type" > 
    <md-option ng-value="k" data-ng-repeat="(k,v) in videos">{{ k }}</md-option> 
</md-select> 
    <md-select ng-model="metrics" > 
    <md-option ng-value="t" data-ng-repeat="t in level2">{{ t }}</md-option> 
</md-select> 

DEMO