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

时间:2016-03-27 02:05:19

标签: onsen-ui onsen-ui2

基于Onsen2this page)上的文档on-infinite-scrollng-infinite-scroll应该有效,但我不能让它们发挥作用。

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

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

有没有我错过的东西。

codepen sample

1 个答案:

答案 0 :(得分:2)

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

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

示例:http://codepen.io/frankdiox/pen/GZEyjRhttp://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();
}