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

在这里工作