在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 中找到它。

第一个选择有效，但第二个无效。

这是一个 plunker：http://plnkr.co/edit/HLCIw099H4UYkGg4s78h?p=preview

我该如何解决这个问题？

Answer 1

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

<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