Pagination 角度UI引导分页不工作

我正在使用ui引导分页，但它没有按预期工作。我参考了下面的文章，但它对我不起作用

我的代码如下

<div>
  <ul>
     <li ng-repeat= "payment in paymentHistory">
        <div >
          <div > 
            <p >payment.status</p> 
           </div>
           <div>
              <p >payment.cost</p>
           </div>
        </div>
      </li>
    </ul>
 </div>
 <div ng-show="pagination"> <pagination total-items="totalItems" items-per-page="itemsPerPage" ng-model="currentPage" ng-change="pageChanged()"></pagination></div>

付款状态

支付成本

我的控制器代码：

paymentFactory.getPaymentHistory( )
.success(function (paymentHisInfo) {
     for(var i = 0; i< paymentHisInfo.list.length; i++){
      $scope.paymentHistory.push({
     "status":paymentHisInfo.list[i].status,
              "cost":paymentHisInfo.list[i].cost});
       }
       $scope.list = $scope.paymentHistory;
       $scope.itemsPerPage = 5;
       $scope.currentPage = 1;
           $scope.pageCount=Math.ceil($scope.list.length / $scope.itemsPerPage);
       $scope.list.$promise.then(function () {
      $scope.totalItems = $scope.list.length;

        var begin = (($scope.currentPage - 1) * $scope.itemsPerPage),
        end = begin + $scope.itemsPerPage;
                $scope.paymentHistory = $scope.list.slice(begin, end);
      });

    })
    .error(function(){
        console.log("error occured in getPaymentHistory");
    });
Please let me know whats wrong in my code

paymentFactory.getPaymentHistory（）
.success（功能（paymentHisInfo）{
对于（变量i=0；i

这可能会有所帮助

UIB分页是轻量级分页指令，它帮助我们对web项目进行分页。要使用AngularUI引导分页，我们可以在这里获得代码表单，并可以在我们的项目中使用。 为了使用，我们在项目中添加了HTML代码段

<pagination boundary-links="true" max-size="maxSize" ng-change="pageChanged()" ng-model="currentPage" total-items="totalPages">  </pagination>
angular.module('myModule', ['ui.bootstrap']);
 .controller('myCtrl', ['$scope',    function ($scope) {
     $scope.maxSize = 5;
     $scope.currentPage = 1;
     $scope.totalPages = 20;

   $scope.pageChanged = function () {
        // operation to perform on page changed
        console.log("Hi I am on ",($scope.currentPage-1),"page")
    };
  }])

angular.module（'myModule'，['ui.bootstrap']）；
.controller（'myCtrl'，['$scope'，函数（$scope）{
$scope.maxSize=5；
$scope.currentPage=1；
$scope.totalPages=20；
$scope.pageChanged=函数（）{
//要在页面上执行的操作已更改
console.log（“你好，我在”，（$scope.currentPage-1），“第页”）
};
}])

1） maxSize是页面上的数字页面导航器

2） currentPage是ng模型指定的HTML中的活动页面

3） 总页数是所有页数

4） 边界链接用于显示。第一页和最后一页按钮，默认为false

4） ng change调用页面更改事件上的操作

希望能有帮助。 谢谢

---

Oodles Technologies

这是我的错..我的代码中有类型。我更新了代码，效果很好。您应该回答自己的问题或删除此问题。