javascript – 从ng-repeat内输入多次调用ng-change函数

前端之家收集整理的这篇文章主要介绍了javascript – 从ng-repeat内输入多次调用ng-change函数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
好吧,我有一个问题.我有一个ng-repeat,里面有一个带有ng-change()的输入.这是指令模板的一部分,并且双向绑定到父对象.如果我在输入框中输入内容,一切正常,父对象会更新.但是,当我必须从指令的控制器替换父对象时,我遇到了一个问题.

问题是,一旦父对象被替换,视图就会被新的(替换的)值绑定.此时,也会手动触发相同的功能(如ng-change())进行某些计算.

但是,我注意到同样的功能再次被调用(不知道如何).重要的是输入的ng模型是未定义的,当它们被自动调用时.结果,最后父对象包含未定义的值.

我仍然感到困惑,为什么在控制器方法调用之后调用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并更新目标数据:

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}
    }

执行此操作会调用dirrective并使用API​​Response中的新值更新屏幕上的视图.由于使用ng-show控制指令视图,因此新值在视图中保持不变.在每个指令调用的控制器中调用函数一次,第一个参数为-1.但之后它再次以第一个值运行为’undefined’.使用undefined时,它会在编译指令时运行多次.因此,target.targets.years [1] .values.data [$index]变为未定义.

任何想法都出错了?我一直在摸不着头几个小时.

解决方法

我深入研究了这个问题,发现在我的情况下,我在输入标签上有一个指令,它在绑定后解析模型. (它基本上用于某种舍入.所以我删除了那个逻辑并开始从服务器传递圆形数字.问题不再出现).所以我的结论是第二次ng-change被触发,因为该指令再次改变了模型.任何面临此类问题的人都应该在初始绑定后寻找对模型的任何其他类型的更改.

将此作为答案,因为这是我案例中的解决方案.

猜你在找的JavaScript相关文章