无法使用 ui-grid 的 InfiniteScroll 功能答案

【问题标题】：Cannot use InfiniteScroll feature of ui-grid无法使用 ui-grid 的 InfiniteScroll 功能
【发布时间】：2015-02-03 20:35:39
【问题描述】：

尝试使用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)

你知道怎么回事吗？

【问题讨论】：

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

【解决方案1】：

不是真正的答案！我只是用它来更好地格式化代码。

你是这样写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 正在开发中，那些聪明的人正在努力工作，并且在保持文档最新方面存在问题。

【讨论】：

谢谢！我错过了ui-grid-infinite-scroll 指令。作为个人想法，我认为“通过示例”的 ui-grid doc 教学法特别差。
我也有同样的问题。我错过了“ui.grid.infiniteScroll”注入