Question

当我从angular-ui-grid网站关注tutorial on pagination时。

此代码在页面编译时给出错误： gridApi.pagination.on.paginationChanged（$ scope，function（newPage，pageSize）{ paginationOptions.pageNumber = newPage; paginationOptions.pageSize = pageSize; getPage（newPage -1，pageSize）; }）;

“错误：gridApi.pagination.on未定义

我正在使用angularjs angular＃1.3.11和ui-grid 3.0.0-rc.16

Answer 1

您可能没有使用分页指令。在模块定义中您应该定义分页依赖：

   var app = angular.module('app', ['ui.grid', 'ui.grid.pagination']);

在HTML代码中你应该使用分页指令：

   <div ui-grid="gridOptions" ui-grid-pagination class="grid"></div>

还有另外一件事。检查您的ui-grid代码是否存在此行：ui-grid code

     paginationChanged: function (currentPage, pageSize) { }

如果它不存在，请将您的代码更新为最新版本的ui-grid

Answer 2

检查您的应用是否有'ui.grid.pagination'模块（文件app.js顶部）。

然后确保您拥有方法onRegisterApi并获得gridApi到您的范围。

接下来检查你的html中是否有'ui-grid-pagination directive'。

最后检查您是否未将'enablePaginationControls'设置为false。它应该是真的（默认设置）。

必须有效：）

angular-ui-grid 3.0.0-rc.16错误：gridApi.pagination.on未定义

2 个答案: