嗯,我这里有一个问题。我有一个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] 变得未定义。
任何想法都出错了?我一直在摸着它好几个小时。
答案 0 :(得分:7)
我深入研究了这个问题,发现在我的情况下,我在directive
标记上放置了input
,该标记在绑定后解析模型。 (它基本上用于某种舍入。所以我删除了那个逻辑并开始从服务器传递圆形数字。问题不再出现)。所以我的结论是第二个ng-change
被触发,因为该指令再次改变了模型。任何面临此类问题的人都应该在初始绑定后寻找模型的任何其他类型的更改。
将此作为答案发布,因为这是我案例中的解决方案。