在Ng-Table上加载JSON数据后,分页无法正常工作

use*_*633 4 pagination json xmlhttprequest angularjs ngtable

我按照http://bazalt-cms.com/上的示例进行了分页,但是使用$http.get而不是在控制器中对变量进行硬编码.

  $http.get("data.json").success(function(data){
       $scope.dataset = data;
   }
Run Code Online (Sandbox Code Playgroud)

我也搬进了$scope.tableParams里面$http.get

$http.get("data.json").success(function(data){
     $scope.dataset = data;

     $scope.tableParams = new ngTableParams({
      ...
    }
});
Run Code Online (Sandbox Code Playgroud)

并将data变量更改为$scope.dataset

total: $scope.dataset.length, // length of data
getData: function($defer, params) {
        $defer.resolve($scope.dataset.slice((params.page() - 1) * params.count(), params.page() * params.count()));}
Run Code Online (Sandbox Code Playgroud)

一切正常,除了分页现在不起作用参见Plnkr这里

whe*_*ell 8

我已经和我一起工作ng-table了一段时间.当我尝试使用除$dataor 之外的变量名称时data,它似乎不起作用.所以我建议你应该坚持使用$datadata代替任何其他变量名称dataset.

这是一个有效的Plunker.

更新:

看起来我错过了OP问题中的错误.由于泰勒科利尔尤努斯黑热病在评论中提到的,你只需要使用$data<tr ng-repeat="user in $data">代替<tr ng-repeat="user in dataset">.如果您使用datadataset在您的控制器代码中无关紧要.