zoukankan      html  css  js  c++  java
  • ion-refresher 下拉更新数据

    使用指令ion-refresher可以为容器eg:ion-scroll 和 ion-content进行拉动刷新

    <ion-scroll>

       <ion-refresher on-refresh="dofresh"></ion-refresher>

      <ion-list></ion-list>

    </ion-scroll>

    ion-refresher 有以下可选属性

    1.on-refresh : 当用户下拉到足够距离时触发  

    eg: <ion-refresher  on-refresh="dofresh()">

          </ion-refresher>

    2.on-pulling : 当用户开始下拉时触发  

    eg: <ion-refresher  on-pulling="startPulling()">

          </ion-refresher>

    3.pulling-text : 当用户开始下拉时显示的文本  

    eg: <ion-refresher pulling-text="拉动刷新">

          </ion-refresher>

    4.refresher-icon : 当用户开始下拉松开后显示的等待图标,但是可用spinner代替

    5.disable-pulling-rotation:禁止下拉图标旋转动画

    刷新完毕后,应当使用作用域的$broadcast()方法通知框架

    $scope.$broadcast("scroll.refreshComplete")

  • 相关阅读:
    vue.api
    v-resource
    vue.js路由
    computed watch methods
    vue.js生命周期
    flex布局
    字符截取 slice substr substring
    原生Ajax书写
    jq动画
    css 3动画
  • 原文地址:https://www.cnblogs.com/maochunyan/p/6163557.html
Copyright © 2011-2022 走看看