Html 使用ng bind时出现未捕获错误:[$rootScope:infdig]10$digest()次迭代。流产!在angularjs?

Html 使用ng bind时出现未捕获错误:[$rootScope:infdig]10$digest()次迭代。流产!在angularjs?,html,angularjs,Html,Angularjs,我有以下代码绑定并显示到期日的日期。 实际上,我正试图将到期日值绑定到另一个输入ng模块作为另一个,因此我使用了下面给定的HTML编码 我的HTML: <p><input type="text" data-ng-model="another" ng-bind="another=addDays(sryarndebitnote.invoice_date, sryarndebitnote.terms) | date:'dd-MM-yyyy'"></p> $sco

我有以下代码绑定并显示到期日的日期。 实际上,我正试图将
到期日
值绑定到另一个输入
ng模块
作为
另一个
,因此我使用了下面给定的HTML编码

我的HTML:

<p><input type="text" data-ng-model="another" ng-bind="another=addDays(sryarndebitnote.invoice_date, sryarndebitnote.terms) | date:'dd-MM-yyyy'"></p>
 $scope.addDays = function(stringDate, days) {
   var date = new Date(stringDate);
   date.setDate(date.getDate() + parseInt(days));
  return date;
}
当我运行上述代码时,我得到以下错误:

Error: Uncaught Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting!
Watchers fired in the last 5 iterations: [["fn: ngModelWatch; newVal: \"2016-08-22T00:00:00.000Z\";
我创建了Plunker供参考:


关于我为什么会出现这个错误的想法?

不要同时使用ng模型和ng bind,您应该做的是,使用ng bind只是为了初始化另一个模型。安装使用ng init。 像这样:

函数AngularCtrl($scope){
$scope.predicate='score';
$scope.reverse=true;
$scope.addDays=函数(stringDate,天){
var日期=新日期(stringDate);
date.setDate(date.getDate()+parseInt(天));
返回日期;
}
}

不要同时使用ng模型和ng绑定,您应该做的是使用ng绑定只用于初始化另一个模型。安装使用ng init。 像这样:

函数AngularCtrl($scope){
$scope.predicate='score';
$scope.reverse=true;
$scope.addDays=函数(stringDate,天){
var日期=新日期(stringDate);
date.setDate(date.getDate()+parseInt(天));
返回日期;
}
}


您好,谢谢您的评论,请查看我的控制器和html代码并帮助我,我已经看到了上面给出的问题和答案,并且我使用了
$scope.$watch('users',function(value){$scope.users=[];})此代码也不适用于我,因此请帮助解决同样的问题。我将检查您的代码此
到期日=addDays(sryarndebitnote.invoice\u date,sryarndebitnote.terms)的含义是什么?
?抱歉,伙计,现在您看到我的plunk:-这是另一个=addDays(name.invoice\u date,name.terms)我得到了如下ng bind答案:-2016年9月6日星期二05:30:00 GMT+0530(IST)您好,谢谢您的评论,请查看我的控制器和html代码并帮助我,我已经看到了上面给出的问题和答案,我使用了
$scope.$watch('users',function(value){$scope.users=[];})此代码也不适用于我,因此请帮助解决同样的问题。我将检查您的代码此
到期日=addDays(sryarndebitnote.invoice\u date,sryarndebitnote.terms)的含义是什么?
?抱歉,伙计,现在您看到我的plunk:-这是另一个=addDays(name.invoice\u date,name.terms)我得到了如下的ng bind答案:-2016年9月6日星期二05:30:00 GMT+0530(IST)您好,谢谢您的评论,现在我收到了plunker:-我使用了您的编码,但再次显示错误,所以您可以在plunker中进行编辑并更新吗?我检查了您的plunker,它似乎工作正常。我更正了标记中的错误。这是快照。如果我在代码中使用了
ng init
,它会显示错误,例如:-
无效日期
,那么在我的
控制台中会显示相同的上述错误
,因此请让我们知道使用
ng bind
来解决此问题。。。。很抱歉打扰你。。。!单击pluncker中的inspect elements并查看控制台,它们显示错误…感谢在这篇文章中提到,在渲染过程中不应更改对象/模型,否则它将强制进行新渲染(并导致循环,从而导致“error:10$digest()迭代已达到。中止!”)。我建议不要在渲染时在控制器中初始化另一个。使用$watch可以使用$filter筛选日期。现在已经更新了plunker,但它没有显示错误。希望有帮助。嗨,谢谢你的评论,现在我收到了plunker:-我使用了你的编码,但再次显示错误,所以你能在plunker中进行编辑并更新吗?我检查了你的plunker,它似乎工作正常。我更正了标记中的错误。这是快照。如果我在代码中使用了
ng init
,它会显示错误,例如:-
无效日期
,那么在我的
控制台中会显示相同的上述错误
,因此请让我们知道使用
ng bind
来解决此问题。。。。很抱歉打扰你。。。!单击pluncker中的inspect elements并查看控制台,它们显示错误…感谢在这篇文章中提到,在渲染过程中不应更改对象/模型,否则它将强制进行新渲染(并导致循环,从而导致“error:10$digest()迭代已达到。中止!”)。我建议不要在渲染时在控制器中初始化另一个。使用$watch可以使用$filter筛选日期。现在已经更新了plunker,但它没有显示错误。希望能有帮助。