【问题标题】:I cannot make infinite-scroll working on Onsen 2我无法在 Onsen 2 上进行无限滚动
【发布时间】:2016-03-27 02:05:18
【问题描述】:

根据Onsen2 (this page) on-infinite-scrollng-infinite-scroll 上的文档应该可以工作,但我不能让它们工作。

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

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

有什么我错过的吗?

codepen sample

【问题讨论】:

    标签: onsen-ui onsen-ui2


    【解决方案1】:

    此功能是在 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 中无限滚动的正确用法是这样的:

    &lt;ons-page on-infinite-scroll="myHandler"&gt; ... &lt;/ons-page&gt;

    var myHandler = function(done) {
      console.log('do something');
      done();
    }
    

    在 Angular 1 中(相同范围):

    &lt;ons-page ng-infinite-scroll="myHandler"&gt; ... &lt;/ons-page&gt;

    $scope.myHandler = function(done) {
      console.log('do something');
      done();
    }
    

    【讨论】:

    • 谢谢 Fran,是的,我正在使用 beta8,我已更改为“nextItems”,但仍然无法正常工作,有什么方法可以调试和解决问题吗?
    • 顺便说一句,该方法仅第一次调用,我的意思是,如果您滚动到结束,您会看到警报,然后如果您再次向上和向下滚动,则不再有任何消息,应该是这样还是这样一个错误?
    • 更新:我已经从网站下载了快速入门并将lib\onsenui替换为beta8,然后我将Material.html文件中的页面更改为` ` 我在控制器中添加了nextItems,但它仍然不起作用,然后我比较了来自的 onsen.js 和 onsen-angualr.js 文件cdn和我下载的版本也是一样的。
    • Update2:在快速入门中,如果我删除它可以工作的模板
    • 请看一下这个更新的代码笔:codepen.io/RezaRahmati/pen/yOXjJo
    猜你喜欢
    • 1970-01-01
    • 2019-07-05
    • 1970-01-01
    • 2020-10-11
    • 1970-01-01
    • 2016-04-02
    • 2022-07-15
    • 1970-01-01
    • 2018-09-21
    相关资源
    最近更新 更多