为什么我的角度分页不起作用?

时间:2015-07-04 14:56:48

标签: javascript json angularjs angularjs-scope

在加载时填充数据时,分页工作正常。在我包含了进入值/搜索功能以填充ng-grid后,我不再每页看到5个项目,并且下一个/上一个按钮不起作用。我相信来自' myData'的gridOptions中的数据更改来源'打破了分页。我试图将$ scope.source传递给setPagingData函数,但有问题。如何让分页正常工作?

 results.data.user.id

此处plunker

1 个答案:

答案 0 :(得分:0)

好的,我们假设我们添加了一段代码来在控制器中使用模拟数据。

          $scope.getPagedDataAsync = function(url, pageSize, page, searchText) {
            setTimeout(function() {
                var data;
                 /// this is new and required only for sake of plunker
                if(typeof url !== 'string'){
                  $scope.setPagingData(url, page, pageSize);
                }

现在很明显,你搞砸了网格选项并作为源未经过滤的数据提供。

          $scope.gridOptions = {
            data: 'source',//should be myData
            enablePaging: true,
            pagingOptions: $scope.pagingOptions,
            showFooter: true
          };