2

たとえば、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のように次のページ番号のセットを表示するソリューションが必要です。 7

4

1 に答える 1

2

テンプレートでデータを使用できます (顧客を表示するために使用するのと同じように)。

<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 から始まると仮定します)

于 2012-11-21T10:31:44.293 に答える