Question

我的数据如下所示

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

我想要两次下拉。第一个下拉列表将显示＆＃34; name＆＃34;。当用户从第一个下拉列表中选择名称时，应使用相应的＆＃34;版本＆＃34;填充第二个下拉列表。

非工作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>

working fiddle here

下拉取决于其他下拉 - angularjs

1 个答案: