我无法在 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);
}

有什么我错过的吗？

codepen sample

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

更新： 实际上，此功能中的一个错误已在 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();
}