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