错误：[$ rootScope：infdig] 10 $ digest（）迭代达成。中止

Question

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

<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

Answer 1

基本上你不是要求ng-repeat迭代一个集合，而是一次又一次地迭代函数调用。它不会一次调用该函数然后重复项目，但它会在每次迭代时调用该函数。这样它就会继续前进并继续无限循环。

通过将函数数据存储在变量中来解决此问题，然后对该变量使用ng-repeat。 e.g：

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

然后在你的HTML中：

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