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

Question

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

问题是，一旦父对象被替换， View 就会绑定(bind)新的(替换的)值。同样在那个时候，相同的函数(如在 ng-change() 中)被手动触发以进行一些计算。

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

我仍然很困惑，为什么在 Controller 方法调用之后调用 ng-change。是否必须对 ng-repeat 创建的子作用域执行某些操作。

我已经使用 $index 跟踪。我已经将模型绑定(bind)到 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>

在指令的 Controller 中:

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

从指令的 Controller ，我正在尝试调用 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 的新值更新屏幕上的 View 。由于指令 View 是使用 ng-show 控制的，因此新值在 View 中保持不变。每次指令调用时，此函数在 Controller 中调用一次，第一个参数为 -1。但在那之后它再次以第一个值为“未定义”运行。对于 undefined，它运行的次数与编译指令的次数一样多。因此 target.targets.years[1].values.data[$index] 变得未定义。

任何想法出了什么问题？几个小时以来，我一直在摸不着头脑。

Answer 1

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

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