angularjs - 下拉取决于其他下拉 - 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>

working fiddle here