Onsenui - 无限卷轴答案

【问题标题】：Onsenui - Infinite ScrollOnsenui - 无限卷轴
【发布时间】：2014-05-02 13:20:06
【问题描述】：

Jquery Infinite Scroll 不适用于 Onsen ui。有人实现了吗？

相同的代码可以用作普通的 Angular js 应用程序。但是当我将它与温泉整合时，只显示第一组结果。其他记录没有滚动显示。

【问题讨论】：

Kumar：请使用您的代码更新您的帖子。以便我们为您提供帮助。
请在这里找到jsfiddle.net/rkrajeshkumar87/eBpLA

【解决方案1】：

ons-list 和 ons-scroller 内置了无限滚动。这是一个隐藏的api，但相当稳定。

 <ons-scroll infinit-scroll-enable="true" on-scrolled="pagination.nextPage()" can-load="true" threshold='100'>

【讨论】：

【解决方案2】：

<ons-scroller infinit-scroll-enable="true" on-scrolled="pagination.nextPage()" can-load="true" threshold='100'>

【讨论】：

【解决方案3】：

在 ons-list 和 ons-scroller 中使用 infinit-scroll-enabale 属性来构建 infinit-scroll：

<ons-scroller infinit-scroll-enable="true" on-scrolled="nextItem();" threshold="0" >
                    <ons-list>
                        <ons-list-item ng-repeat="item in items" modifier="chevron" noslidingmenu>
                       {{item}}
                        </ons-list-item>
                    </ons-list>
                </ons-scroller>

【讨论】：