下拉取决于其他下拉 - angularjs

Question

我的数据格式如下

   var servers =   [
           {
               "name": "server1",
               "version":
               [
                   "10.x"
               ]
           },
           {
               "name": "server2",
               "version":
               [
                   "1", "2"
               ]
           }
       ]

我想要两次下拉.第一个下拉列表将显示"名称".当用户从第一个下拉列表中选择名称时,应使用相应的"版本"填充第二个下拉列表.

非工作jsfiddle链接:http://jsfiddle.net/fynVy/174/

Answer 1

您需要调整HTML模板,以便第一个下拉列表显示服务器名称,第二个下拉列表的选项基于所选下拉列表中的版本(第一个下拉列表的ngModel).

<div ng-controller="MyCntrl">
    <select ng-model="server" ng-options="x.name for x in servers"></select>
    <select ng-model="version" ng-options="val for val in server.version"></select>
</div>

在这里工作小提琴