2014-03-12 61 views
0

我在laravel-tricks產生AngularJS

實現在AngularJS服務器端分頁的代碼之後動態HREF名單我通過PAGENUMBER的API,它返回的結果頁面上的記錄和其他資料的總數。數據然後顯示在表格中。

如何在收到結果時動態生成頁面的hrefs列表?

注意1:我已經嘗試了ngTable,但是它在數據更改時不會更新表格,但它會更新模型。因此,採取手動分頁,因爲我只需要一個基本的分頁

注2:我沒有使用Bootstrap提供的AngularUI分頁沒有任何用處。

+0

我不明白。爲什麼在這個例子中需要href?這些頁面正在加載AJAX。你正在尋找實現URL路由嗎? –

+0

我只想顯示在桌子下方編號的頁面,以便用戶可以直接導航到一個頁面 – krammer

+2

我只是說讓'loadPage'取頁碼,然後加'{{page}}'。你有沒有特別需要生成'href'的原因? – SlightlyCuban

回答

1

你可以做這樣的事情:

//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]作爲一個例子,但你可能要在控制器中生成該數組。

+0

謝謝我有很多頁面。 (以百計)。如何在用戶界面中管理他們? – krammer

+0

也許你可以使用文本輸入來跳轉到一個頁面。也許在這裏發佈問題:http://ux.stackexchange.com/ –