好吧,我有一个问题.我有一个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并使用APIResponse中的新值更新屏幕上的视图.由于使用ng-show控制指令视图,因此新值在视图中保持不变.在每个指令调用的控制器中调用此函数一次,第一个参数为-1.但之后它再次以第一个值运行为’undefined’.使用undefined时,它会在编译指令时运行多次.因此,target.targets.years [1] .values.data [$index]变为未定义.
任何想法都出错了?我一直在摸不着头几个小时.