實現在AngularJS服務器端分頁的代碼之後動態HREF名單我通過PAGENUMBER的API,它返回的結果頁面上的記錄和其他資料的總數。數據然後顯示在表格中。
如何在收到結果時動態生成頁面的hrefs列表?
注意1:我已經嘗試了ngTable,但是它在數據更改時不會更新表格,但它會更新模型。因此,採取手動分頁,因爲我只需要一個基本的分頁
注2:我沒有使用Bootstrap提供的AngularUI分頁沒有任何用處。
實現在AngularJS服務器端分頁的代碼之後動態HREF名單我通過PAGENUMBER的API,它返回的結果頁面上的記錄和其他資料的總數。數據然後顯示在表格中。
如何在收到結果時動態生成頁面的hrefs列表?
注意1:我已經嘗試了ngTable,但是它在數據更改時不會更新表格,但它會更新模型。因此,採取手動分頁,因爲我只需要一個基本的分頁
注2:我沒有使用Bootstrap提供的AngularUI分頁沒有任何用處。
你可以做這樣的事情:
//Generate pagination buttons, each with the ng-click directive
<button ng-repeat="pageNumber in [1, 2, 3, 4, 5]" ng-click="goToPage(pageNumber)">
<span ng-bind="pageNumber"></span>
</button>
然後在你的控制器goToPage
功能是這樣的:
$scope.goToPage = function(pageNumber) {
$scope.main.page = pageNumber;
$scope.loadPage();
};
注:我只是用[1, 2, 3, 4, 5]
作爲一個例子,但你可能要在控制器中生成該數組。
謝謝我有很多頁面。 (以百計)。如何在用戶界面中管理他們? – krammer
也許你可以使用文本輸入來跳轉到一個頁面。也許在這裏發佈問題:http://ux.stackexchange.com/ –
我不明白。爲什麼在這個例子中需要href?這些頁面正在加載AJAX。你正在尋找實現URL路由嗎? –
我只想顯示在桌子下方編號的頁面,以便用戶可以直接導航到一個頁面 – krammer
我只是說讓'loadPage'取頁碼,然後加'{{page}}'。你有沒有特別需要生成'href'的原因? – SlightlyCuban