在AngularJS中动态生成href列表

Question

我正在遵循laravel-tricks

中的代码在AngularJS中实现服务器端分页

我将pageNumber传递给API，它返回结果中该页面上的结果总数和其他数据。然后数据显示在表格中。

如何在收到结果时动态生成页面的href列表？

注1：我已经尝试过ngTable，但是在更新数据时它不会更新表，尽管它确实更新了模型。因此，我需要手动分页，因为我只需要一个基本的分页

注2：我没有在那里使用Bootstrap进行AngularUI提供的分页没有任何用处。

Answer 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]作为示例，但您可能想在控制器中生成该数组。