• 关于ionic指令 <ion-infinite-scroll ng-if="moreDataCanBeLoaded()" icon="ion-loading-c" on-infinite="loadMoreData()" distance=1%> </ion-infinite-scroll> 运用中遇到的问题


    ionic前端框架为前端开发添砖加瓦,提高的前端开发效率,但也存在着各种坑。下面举一例:

    <ion-infinite-scroll   ng-if="moreDataCanBeLoaded()"   icon="ion-loading-c"   on-infinite="loadMoreData()" distance=1%> </ion-infinite-scroll>  这个指令在不同的机型有可能会出现一进页面没有执行的问题,今天开发时遇到,安卓机都出数据啊,就是老板的ipone6,没出数据啊,想要执行的方法却没有执行,老大看了关键啊,这是怎么回事这是ionic的bug吗  后面查了ionic的手册, 运用上没有问题啊,就是按照手册的意思来用的啊。经过尝试,这个要上线的版本,就是在这个页面上加了个发包的按钮,怎么就出问题了呢,然后去掉加上去的这个按钮,页面正常了,ion-infinite-scroll指令如期地执行了loadMoreData()方法,数据出现了,这个晕菜了。

    这不行啊,发包按钮得加了啊,加上后又不行了,为什么在页面上加了个按钮就不执行了呢,着急,再查手册我注意到了distance=1%这个属性,是不是和distance的赋值有关,于是把distance改成了10%,果然所有机型正常了,意思是在未滚到底之前触发distance越大越早触发。

  • 相关阅读:
    数组
    原生获取 键盘 keycode 鼠标 键码
    javascript 拖拽
    简单的鼠标拖拽
    vue中格式化时间戳
    使用koa+angular+mysql 完成了一个企业站
    koa2+mysql5+angularjs1 搭建前后端全栈项目
    javascript利用闭包实现迭代器轮询数组中的元素
    AngularJS 1.x版本 学习教程
    改变,从羡慕别人开始
  • 原文地址:https://www.cnblogs.com/worldforest/p/6814451.html
Copyright © 2020-2023  润新知