onsen-ui - 我无法在 Onsen 2 上进行无限滚动

Question

基于Onsen2（this page）上的文档on-infinite-scroll并且ng-infinite-scroll应该可以工作，但我不能让它们工作。

<ons-page modifier="material" ng-controller="PostListController" on-infinite-scroll="nextItems()" >

和

$scope.nextItems = function () {
    alert(1);
}

有什么我错过的吗。

代码笔示例

Answer 1

此功能是在 beta.8 中添加的，因此您需要更新。 on-infinite-scroll="nextItems"应该适用于 Vanilla JS 和ng-infinite-scroll="nextItems"AngularJS。请注意，我删除了().

您还可以将myPage.onInfiniteScroll属性设置为您想要的任何功能。

示例：http ://codepen.io/frankdiox/pen/GZEyjR，http : //codepen.io/IliaSky/pen/wGqRRz

更新： 这个特性实际上有一个 bug 已经在 beta.9 中修复。

Vanilla JS 中无限滚动的正确用法是这样的：

<ons-page on-infinite-scroll="myHandler"> ... </ons-page>

var myHandler = function(done) {
  console.log('do something');
  done();
}

在 Angular 1（相同范围）中：

<ons-page ng-infinite-scroll="myHandler"> ... </ons-page>

$scope.myHandler = function(done) {
  console.log('do something');
  done();
}