无限$digest环
无限$digest环
提问于 2014-05-15 17:12:15
我正在学习AngularJ，但我不能让它工作。我读过关于消化周期的文章，但对我来说还不清楚。很明显，这段代码失败是因为输入了一个无限循环，但我不知道如何修复它。有人能帮我吗？
<!DOCTYPE html>
<html lang="eng" ng-app="test">
<head>
<title>Learning Angular</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular-route.js"></script>
<script type="text/javascript">
var app = angular.module('test', ['ngRoute']);
app.factory('visitCounterService', function () {
var counterService = function() {
var _count = 1;
var counter = function() { return _count++; };
return { counter: counter }
}();
return counterService;
});
app.service('homeModel', ['visitCounterService', function(visitCounterService){
this.getTitle = function() {
var n = visitCounterService.counter();
return "Welcome to this awesome demo. You are the visitor n° " + n;
};
}]);
app.controller('homeController', ['$scope', 'homeModel', function($scope, homeModel) {
$scope.home = homeModel;
}]);
</script>
</head>
<body ng-controller="homeController">
<h3>{{home.getTitle()}}</h3>
</body>
</html>谢谢你的建议！
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-05-15 18:02:39
在$watch表达式上注册隐式home.getTitle()。这个表达式至少会被调用两次，因为角想检查模型是否稳定。
每次调用home.getTitle()时，您的代码都会返回不同的字符串，因此角继续消化，直到达到最大摘要周期限制为止。
尝试：
$scope.homeTitle = homeModel.getTitle();和
<h3>{{homeTitle}}</h3>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/23684711
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号