错误：[$rootScope:infdig] 达到 10 个 $digest() 迭代。中止

【问题标题】：Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting错误：[$rootScope:infdig] 达到 10 个 $digest() 迭代。中止
【发布时间】：2015-06-08 05:23:28
【问题描述】：

我正在实现这样的自定义分页：

<ul class="pagination">
     <li ng-repeat="item in numberOfPages(items.listOfGoods.length/pageSize)">
         <a href="">{{item}}</a>
     </li>
</ul>

但使用 ng-repeat 时显示此错误：

Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting

【问题讨论】：

我可以看看你的完整代码吗？
您正在陷入无限循环。请检查语法
- {{item}}

抱歉，您需要阅读此内容。 *.com/help/how-to-ask

标签： javascript angularjs

【解决方案1】：

基本上，您不是要求 ng-repeat 迭代一个集合，而是一次又一次地迭代一个函数调用。它不会调用该函数一次然后重复 item in ，但它会在每次迭代时调用该函数。这样它就一直在无限循环下去。

通过将函数数据存储在一个变量中来解决这个问题，然后对该变量使用 ng-repeat。例如：

$scope.pages = numberOfpages(items.listsOfGoods.length/pagesize);

然后在你的 html 中：

<li ng-repeat="page in pages">
    <a href="">{{item}}</a>

【讨论】：