angularjs中的依赖ng模型

angularjs中的依赖ng模型,angularjs,ng-options,Angularjs,Ng Options,我有两个选择控件。基于一个选择控件,应填充第二个选择控件,就像国家/地区选择状态将填充第二个选择控件一样 我的密码是- <select ng-model="parentModel" id="ddlState"> <option value="mp"> mp </option> <option value="mh"> mh </option> </select> <select ng-model="childModel

我有两个选择控件。基于一个选择控件,应填充第二个选择控件,就像国家/地区选择状态将填充第二个选择控件一样

我的密码是-

<select ng-model="parentModel" id="ddlState">
<option value="mp"> mp </option>
<option value="mh"> mh </option>
</select>

<select ng-model="childModel" id="ddlcity" ng-options = "a as a for a in $scope.coll[parentModel]">
</select>

议员
mh
剧本是——

<script>

    var arr=  new Array();
    arr["mp"] = ['map1','map2'];
    arr["mh"] = ['mh11','mh2'];


    myapp = angular.module("myapp", []);

    myapp.controller("MyController", function ($scope) {

        $scope.parentModel = "mh";
        //$scope.childModel="pune";
        $scope.coll=arr;
    });
</script>

var arr=新数组();
arr[“mp”]=['map1','map2'];
arr[“mh”]=['mh11','mh2'];
myapp=angular.module(“myapp”,[]);
控制器(“MyController”,函数($scope){
$scope.parentModel=“mh”;
//$scope.childModel=“pune”;
$scope.coll=arr;
});

提前感谢…

您的想法是正确的-不过有一些变化:

JavaScript没有关联数组,因此请使用对象:

$scope.arr = {};
$scope.arr.mp = ["map1", "map2"];
$scope.arr.mh = ["mh11", "mh2"];
无需在
ng选项中引用
$scope

ng-options = "a as a for a in arr[parentModel]"

不确定
$scope.coll
是什么意思…但在您的情况下,不需要选择依赖的
选项。

非常感谢@tymeJV。