1

Onsen2(このページ)on-infinite-scrollのドキュメントに基づいてng-infinite-scroll動作するはずですが、動作させることはできません。

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

と

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

私が見逃したものはありますか。

コードペンサンプル

4

1 に答える 1

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();
}
于 2016-03-27T08:57:16.660 に答える