2

나는 각 페이지 매기기에 사용자 지정 서식 파일을 사용하고 있습니다 :각도 매김 맞춤 템플릿에 값을 할당하는 방법은 무엇입니까?

  <uib-pagination 
       boundary-links="(vm.pagination.boundaryLinks == false) ? false : true" 
       num-pages="vm.pagination.numPages" 
       total-items="vm.pagination.totalItems" 
       items-per-page="vm.pagination.itemsPerPage" 
       ng-model="vm.pagination.currentPage" 
       max-size="(vm.pagination.pager == true) ? 0 : 10" 
       template-url="pagination.html"    
       ng-change="vm.pagination.pageChanged(vm.pagination)"> 
      </uib-pagination> 

<script id="pagination.html" type="text/ng-template"> 
    <ul class="pagination"> 
    <li ng-class="{disabled: noPrevious()}"><a href ng-click="selectPage(1)" title="First Page"> {{'FIRST' | translate}}</a></li> 
    <li ng-class="{disabled: noPrevious()}"><a href ng-click="selectPage(page - 1)" title="Previous Page">{{'PREVIOUS' | translate}}</a></li> 
    <li ng-repeat="page in pages track by $index" ng-class="{active: page.active}"><a href ng-click="selectPage(page.number)">{{page.text}}</a></li> 
    <li ng-class="{disabled: noNext()}"><a href ng-click="selectPage(page + 1)" title="Next Page">{{'NEXT' | translate}}</a></li> 
    <li ng-class="{disabled: noNext()}"><a href ng-click="selectPage(vm.pagination.numPages)" title="Last Page">{{'LAST' | translate}}</a></li> 
    </ul> 
</script> 
<pre>Total: {{vm.pagination.numPages}}</pre> 

을 그것은 잘 표시 :

enter image description here

문제 것은 Last 버튼입니다. 그것을 클릭하면 마지막 페이지로 건너 뛰지 않습니다. 나는이 ng-click="selectPage(11) 같이 직접 값을 할당하고 Last 버튼을 클릭하면 그러나 vm.pagination.numPages11를 포함하지, 마지막 페이지 위의 마지막 코드 11.

로 이동합니다.

enter image description here

사람이 좀 도와 줄래? 미리 감사드립니다.

답변

1

페이지 매김 템플릿에 고립 된 범위가 있으므로 vm에 대해 아무것도 알지 못합니다. 시도해보십시오 selectPage(totalPages)

+0

대단히 감사합니다. 그것은 효과가있다. 'totalPages' btw에 대해 어떻게 알 수 있습니까? https://angular-ui.github.io/bootstrap/#/pagination에서 문서를 조회하고'totalPages' 키워드에 대해서는 아무것도 없습니다. – sg552

+1

난 앵귤러 부트 스트랩 페이지 네이션 사용에 대한 경험이 있으므로 소스 코드를 한눈에 살펴 보았습니다. –