Question

Jquery Infinite Scroll无法使用Onsen ui。有人实施过吗？

相同的代码适用于普通的角度js app。但是当我将它与温泉集成时，只显示第一组结果。滚动时不会显示其他记录。

Answer 1

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

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

Answer 2

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

Answer 3

在ons-list和ons-scroller中使用infinit-scroll-enabale属性构建无限滚动：

<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>

Onsenui - 无限滚动

3 个答案: