[英]How to assign value to the input text field using template reference in Angular 8
[英]How to assign value to angular pagination custom template?
我正在使用自定義模板進行角度分頁:
<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>
它顯示得很好:
問題出在Last
按鈕上。 當我點擊它時,它不會跳到最后一頁。 但是,如果我像這樣直接賦值ng-click="selectPage(11)
並單擊Last
按鈕,它將跳轉到最后一頁 11。
使用上面的最后一個代碼, vm.pagination.numPages
確實包含值11
。
任何人都可以幫助我嗎? 提前致謝。
您的分頁模板具有獨立的范圍,因此對vm
一無所知。 嘗試selectPage(totalPages)
代替
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.