Question

我的数据库中有数据，我使用调用httprequestcall作为例子：

<tr ng-repeat="c in cList.Page.Output.CustomerList.Customer">
<td><a href="#/CustomerSearch/{{c._CustomerKey}}" >{{c._CustomerID}}</a></td>
</tr></table><br/><br/>
<div class="pagination">
  <ul>
    <li class="disabled"><a href="#">Prev</a></li>
    <li><a ng-click="search(1)">1</a></li>
    <li><a ng-click="search(2)">2</a></li>
    <li><a ng-click="search(3)">3</a></li>
    <li><a ng-click="search(4)">4</a></li>
    <li><a ng-click="search(5)">Next</a></li>
  </ul>
</div>

我想要一个解决方案，当我点击下一步它应该动态检查API本身提供的页码，以显示下一组页码，如1,2,3,4它应该来4,5 ，6,7-

Answer 1

您可以使用模板中的数据（就像您使用它来展示客户一样）：

<ul>
  <li ng-class="{disabled : cList.Page.Number == 1}"><a href="#">Prev</a></li>
  <li><a ng-click="search(1)">{{1*cList.Page.Number}}</a></li>
  <li><a ng-click="search(2)">{{2*cList.Page.Number}}</a></li>
  <li><a ng-click="search(3)">{{3*cList.Page.Number}}</a></li>
  <li><a ng-click="search(4)">{{4*cList.Page.Number}}</a></li>
  <li><a ng-click="search(5)">Next</a></li>
</ul>

（假设页码存储在cList.Page中，并以索引1开头）

在分页时如何链接bootstrap与angularJS？

1 个答案: