不能使用ui-grid的InfiniteScroll功能

时间:2015-02-03 12:13:28

标签: angularjs infinite-scroll angular-ui-grid

尝试使用ui-grid的无限滚动功能,但没有成功。

使用3.0.0-v16和当前不稳定脚本版本(2天前发布)。我正在关注http://ui-grid.info/docs/#/tutorial/212_infinite_scroll的例子。

当ui-grid调用$scope.gridOptions.onRegisterApi(gridApi)方法时,注入的gridApi对象没有infiniteScroll成员。

确实,以下一行

gridApi.infiniteScroll.on.needLoadMoreData($scope, function () {...});

加注

TypeError: Cannot read property 'on' of undefined
at Object.$scope.gridOptions.onRegisterApi (http://...my-ctrl.js:144:35)
at Grid.renderingComplete (http://ui-grid.info/release/ui-grid-unstable.js:4791:20)

你知道什么是错的吗?

1 个答案:

答案 0 :(得分:16)

不是真正的答案!我只是用它来更好地编写代码。

你是否写过像这样的HTML:

<div ui-grid="gridOptions" class="grid" ui-grid-infinite-scroll></div>

您是否在应用中注入了该功能?

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

请记住,ui-grid正在开发中,那些聪明的家伙正在努力工作,并且在保持文档更新方面存在问题。