Javascript 角度级联下拉列表

Javascript 角度级联下拉列表,javascript,angularjs,Javascript,Angularjs,我正在尝试创建两个下拉列表,一个是主题,另一个是视频。视频将根据主题进行过滤。提前谢谢你的帮助 <md-input-container flex> <label>Topic</label> <md-select ng-model="selected.topic" required ng-change="getVideosByTopicId(selected.topic)">

我正在尝试创建两个下拉列表,一个是主题,另一个是视频。视频将根据主题进行过滤。提前谢谢你的帮助

        <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>
你可以这样做

<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>

{{k}
{{t}

如果您的js代码一切正常,那么将响应分配给$scope.videos。请在重复中使用它,谢谢。哪一个更好使用:手表还是ng-change。你能给我看一个ng-change的例子吗?ng-change是建议的方法,你想用ng-change做什么?当第一个组合框出现时,填充第二个组合框changes@user6934713是的,您可以通过ng change执行taht并发送请求
<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>