Angularjs “上一项/下一项”按钮在Ng Repeat内不工作

我正在尝试构建一个简单的寻呼机应用程序，允许您从一个json对象到下一个json对象进行页面切换

在repeat之外添加上一个/下一个导航时，效果良好

当我尝试在ng repeat中添加它时，它不再是一页页一页的内容，我最终会尝试完成这一任务。奇怪的是，我可以看到它正在做一些事情，因为如果你在开始/结束时，prev/next按钮将被禁用

下面是演示该问题的演示：

ng重复顶部上一个/下一个按钮内的代码：

<div class="a2a-accounts" ng-show="accounts.length">
    <div class="btn-group" role="toolbar" aria-label="First group">
        <a href="#" class="btn btn-link" ng-disabled="curPage == 0" ng-click="curPage=curPage-1"><i class="fa fa-chevron-left fa-2x"></i> Prev </a>
        <a href="#" class="btn btn-link" ng-disabled="curPage >= accounts.length/pageSize - 1" ng-click="curPage = curPage+1"><i class="fa fa-chevron-right fa-2x"></i> Next </a>
    </div>
</div>

<div class="pagination pagination-centered" ng-show="accounts.length">
    <ul class="pagination-controle pagination">
        <li>
            <button type="button" class="btn btn-primary btn-block" ng-disabled="curPage == 0" ng-click="curPage=curPage-1"> &lt; PREV</button>
        </li>
        <li>
            <span>Page {{curPage + 1}} of {{ numberOfPages() }}</span>
        </li>
        <li>
            <button type="button" class="btn btn-primary btn-block" ng-disabled="curPage >= accounts.length/pageSize - 1" ng-click="curPage = curPage+1">NEXT &gt;</button>
        </li>
    </ul>
</div>

ng重复底部上一个/下一个按钮外的代码：

<div class="a2a-accounts" ng-show="accounts.length">
    <div class="btn-group" role="toolbar" aria-label="First group">
        <a href="#" class="btn btn-link" ng-disabled="curPage == 0" ng-click="curPage=curPage-1"><i class="fa fa-chevron-left fa-2x"></i> Prev </a>
        <a href="#" class="btn btn-link" ng-disabled="curPage >= accounts.length/pageSize - 1" ng-click="curPage = curPage+1"><i class="fa fa-chevron-right fa-2x"></i> Next </a>
    </div>
</div>

<div class="pagination pagination-centered" ng-show="accounts.length">
    <ul class="pagination-controle pagination">
        <li>
            <button type="button" class="btn btn-primary btn-block" ng-disabled="curPage == 0" ng-click="curPage=curPage-1"> &lt; PREV</button>
        </li>
        <li>
            <span>Page {{curPage + 1}} of {{ numberOfPages() }}</span>
        </li>
        <li>
            <button type="button" class="btn btn-primary btn-block" ng-disabled="curPage >= accounts.length/pageSize - 1" ng-click="curPage = curPage+1">NEXT &gt;</button>
        </li>
    </ul>
</div>

有人能解释一下如何在ng repeat中执行此操作吗？

ng repeat为它迭代的每一行创建一个新范围。如果角度绑定中没有点，像curPage这样的原语将绑定到它们所在的范围。这意味着ng repeat的每行内的curPage是单独的变量，并且与ng repeat外的curPage值分开

为了确保每个实例都指向同一个对象，您需要在父范围中绑定一个对象属性

---

阅读有关范围的内容。您正在ng repeat范围内修改curPage变量，并且希望在$parent范围内修改它。如果您不想阅读有关作用域的内容，那么$parent.curPage=$parent.curPage-1。您好@fedeisas，您可以更具体一点，或者共享一个链接或示例吗？@fedeisas，很抱歉，在您添加有关添加$parent的详细信息之前，我必须发表评论。实际上我也试过了，但我一定是做得不对。谢谢start=+start在这段代码中是什么意思？类似于上面给出的响应。多亏你有一个一般的经验法则，你应该总是在有角度的绑定中使用一个点。