angularjs - 如何在包含 ng-repeat 的选择上触发 ng-change

Question

我有两个选择框，当第一个选择框更改时，第二个选择框会自动更新。

<label>Region</label>
<select ng-model="region" 
        ng-change="clear(1)" 
        ng-options="l.region for l in locations"
></select>
<br />
<label>Country</label>
<select ng-model='country'
        ng-change="clear(2)" 
        ng-options="c.country for c in region.countries"
></select>

我的位置是一个 json 对象，如下所示:

[
  {region: "Europe", countries: [{country: "France"}, {country: "UK"}/*, ...*/]},
  {region: "Africa", countries: [{country: "Cameroon"}, {country: "Algeria"}]}
  /*, ...*/
]

这一切都很好。

当我想将第一个选择框的值设置为欧洲时开始变得复杂，我想在第二个选择框上触发 ng-change 事件。

关于如何做到这一点的任何想法？

Answer 1

您要触发 ng-change第二个选择框上的事件，相当于模型region时的场景被改变。所以你可以使用观察者来实现它。

$scope.$watch('region', function (newValue, oldValue) {
    console.log(newValue, oldValue);
})