javascript - ng-change 不能与带选项的 ng-repeat 一起使用，但可以与 ng-options 一起使用

Question

我已经使用 ng-repeat 创建了选择选项，但是从未调用使用 on-change 设置的函数。

<select>
<option ng-model="level1Selected" ng-repeat="item1 in level1" ng-change="setLevel2()" value="{{item1}}">{{item1}}</option>

我用 ng-options 重新创建了同样的东西，并且该函数被调用:

<select ng-options="item1 for item1 in level1" ng-model="level1Selected" ng-change="setLevel2()"></select>

我检查了文档，没有发现这种差异的原因。变量 level1 是一个字符串数组，所以我不明白为什么它们的行为不同。

该函数目前只是 console.log 的占位符:

$scope.setLevel2 = function() {
    console.log("value: ");
}

Answer 1

如果你想这样做，你需要将 ng-model 和 ng-change 放在 select 标签中，试试这个:

<select ng-model="level1Selected" ng-change="setLevel2()">
    <option ng-repeat="item1 in level1"  value="{{item1}}">{{item1}}</option>
</select>