基于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);
}
有没有我错过的东西。
答案 0 :(得分:2)
此功能已在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();
}