从 ng-repeat 中的输入多次调用 ng-change 函数

Question

好吧，我这里有个问题。我有一个 ng-repeat，里面有一个带有 ng-change() 的输入。这是指令模板的一部分，并且双向绑定到父对象。如果我在输入框中输入内容，一切正常，父对象也会更新。但是，当我必须从指令的控制器替换父对象时，我遇到了一个问题。

问题是，一旦父对象被替换，视图就会与新的（替换的）值绑定。同样在那个时候，同样的功能（如在 ng-change() 中）被手动触发以进行一些计算。

但是，我注意到同一个函数再次被调用（不知道如何调用）。重要的是输入的 ng-model 是未定义的，当它们被自动调用时。结果，最终父对象包含值 undefined。

我仍然很困惑，为什么在控制器方法调用之后调用 ng-change。是否必须对 ng-repeat 创建的子作用域做些什么。

我已经用过 $index 的曲目。我已经将模型绑定到 parentObj.something.something[$index]

感谢以上任何帮助...

我有

 module.directive('myDirective', function () {
        return {
            scope: {
                target: '=',
              },
            controller: 'DemoController',
            templateUrl: 'app/demo/html/demo.html'
}
});

主模板：

<li ng-repeat="l in group_Main.mains"
<li ng-repeat="target in l.description.Value track by $index"
<li ng-repeat="(key, groups) in target.group track by $index">
 <div layout="row" layout-wrap myDirective  target="group"></div>
</li>
</li>
</li>

app/demo/html/demo.html::指令模板

<div class="table_FY_height" flex ng-repeat="m in months track by $index">
<input ng-change="changeIt(target.targets.years[1].values.data[$index], target, year,parent, $index)"" ng-if="$index>currentMonth"  ng-model="target.targets.years[1].values.data[$index]"/> 
</div>

在指令的控制器中：

module.controller('DemoController', function($scope, $rootScope){
changeIt(-1,$scope.target,$scope.year,$scope.parent);
}

从指令的控制器，我正在尝试调用 API 并将 target 数据更新为：

 http.get(url).then({
    function(APIResponse){
for(var i=0; i<12; i++){
    target.targets.years[1].values.data[i] = APIResponse.targets.years[1].values.data[i]
}}, function(error){
    //error handling here}
    }

这样做会调用指令并使用来自 APIResponse 的新值更新屏幕上的视图。由于指令视图是使用 ng-show 控制的，因此新值在视图中保持不变。每次指令调用时，此函数在控制器中调用一次，第一个参数为 -1。但在那之后它再次以第一个值为 'undefined' 运行。对于 undefined，它运行的次数与编译指令的次数一样多。因此 target.targets.years[1].values.data[$index] 变得未定义。

任何想法出了什么问题？我已经摸不着头脑好几个小时了。

Answer 1

我深入研究了这个问题，发现在我的例子中，我在 input 标签上放置了一个 directive，它在模型绑定后解析它。（它基本上用于某种四舍五入。所以我删除了那个逻辑并开始从服务器传递四舍五入的数字。问题不再出现）。所以我的结论是，第二个 ng-change 被触发是因为指令再次更改了模型。遇到此类问题的任何人都应该在初始绑定后寻找对模型的任何其他类型的更改。

发布这个作为答案，因为这是我的解决方案。

从 ng-repeat 中的输入多次调用 ng-change 函数

ng-change function called multiple times from input inside ng-repeat

javascript

angularjs

ng-repeat