Angularjs“跳轉到頁面”分頁

Question

我有一個分頁功能，我想創建一個文本框和按鈕，用戶可以在其中輸入他們想要的頁碼。 有沒有辦法做到這一點？ 如果我能得到一個參考鏈接或其他東西，我將不勝感激。 謝謝！

我的 HTML ：

<div class="pagingDiv">
<button class="btnPaging" ng-disabled="currentPage == 0" ng-click="currentPage=currentPage-1">
    Previous
</button>
{{currentPage+1}}/{{numberOfPages()}}
<button class="btnPaging" ng-disabled="currentPage >= data.length/pageSize - 1" ng-click="currentPage=currentPage+1">
    Next
</button>
</div>

JS：

                 $scope.currentPage = 0;
                 $scope.pageSize = 4;
                 $scope.data = [];
                 $scope.numberOfPages=function(){
                     return Math.ceil($scope.data.length/$scope.pageSize);
                 }
                 for (var i=0; i < $scope.displayPage.length; i++) {
                     $scope.data.push("Item "+ i);
                 }

目前的樣子

預期結果：

Answer 1

使用文本框並將模型currentPage綁定到它。

    <button class="btnPaging" ng-disabled="currentPage >= data.length/pageSize - 1" ng-click="currentPage=currentPage+1">
Next
    </button>
    <input ng-model="currentPage" type="text">
    <button type="button" ng-click="ChangePage()"></button>

您可以使用角度文件上的 ChangePage 功能來更改頁面。 並使用文本框綁定當前頁面變量。