javascript - ng-change 不适用于 ng 选项

Question

这是我的 Angular 代码，我需要通过 changeFilterOption(filter) 函数接收对象，该对象在 ng-option 中循环。但它不起作用；返回undefines。

<select ng-change="changeFilterOption(filter)" class="js-example-basic-single form-control" ng-model="attribute[' + countInc + '].name" ng-options="filter.name as filter.uiName for filter in filters"></select>

$scope.changeFilterOption=function(filter){
  console.log(filter);//undefined
};

Answer 1

如果您需要将选定的值传递给 changeFilterOption 函数，那么这不是您需要遵循的方式，请尝试这样，

<select ng-change="changeFilterOption(attribute[' + countInc + '].name)" ng-model="attribute[' + countInc + '].name" ng-options="filter.name as filter.uiName for filter in filters">

这是demo

然后select的值将被传递给filter参数中的changeFilterOption(filter)。

如果您希望将filter对象传递给changeFilterOption(filter)，那么您需要修改select，如下所示，

<select ng-change="changeFilterOption(attribute[' + countInc + '].name)" ng-model="attribute[' + countInc + '].name" ng-options="filter as filter.uiName for filter in filters">

这将选择filter作为select值，并将filter.uiName显示为选项文本。

这是DEMO