链接angularjs

Question

我试图链接两个选择输入，所以当我更改一个时，另一个将根据第一个选择输入中的选定值进行更改。

我使用了ng-options，如下所示：

首先选择：

ng-options="region.codeRegion as region.nomRegion for region in regions"

第二次选择：

ng-options="province.codeProvince as province.nomProvince for province in candidature.resident.eps.region.provinces track by province.codeProvince"

我使用的数据可以在下面的plunker中找到。

第一个选择正在运行，但第二个选择无效。

以下是它的摘要：http://plnkr.co/edit/HLCIw099H4UYkGg4s78h?p=preview

我该如何解决这个问题？

Answer 1

您的第一个选择应该是ng-model="selectedRegion，而基于selectedRegion的第二个选择列表选项应该有。{/ p>

<select ng-options="region.nomRegion for region in regions" ng-model="selectedRegion"></select>                   

<select ng-options="province.codeProvince for province in  selectedRegion.provinces track by province.codeProvince"  ng-model="candidature.resident.eps.province"></select>

以下是updated plunker