我无法在 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 属性设置为您想要的任何功能。

更新： 此功能实际上存在一个错误，已在 beta.9 中修复。

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

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

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

In Angular 1（相同范围）：

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

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

I cannot make infinite-scroll working on Onsen 2