ionic下拉刷新

简单的ionic下拉刷新功能

先来看下效果吧

这个只是用到了ionic的组件，没啥难度，把代码直接粘出来：

<ion-refresher (ionRefresh)="doRefresh($event)">
    <ion-refresher-content
      pullingIcon="arrow-dropdown"
      pullingText="下拉刷新"
      refreshingSpinner="circles"
      refreshingText="刷新中...">
    </ion-refresher-content>
  </ion-refresher>

这里绑定了一个方法就是doRefresh，自己需要的逻辑处理在这个方法中去写就好了，下面是我的方法：

doRefresh(refresher){
    let $this = this;
    this.http.get("/api/news/list", {}, function (res, msg) {
      if (res.code === 0) {
        $this.newsList = res.data;
        refresher.complete();
        $this.showToast("bottom", "加载成功")
      }
    }, function (msg) {
      refresher.complete();
      $this.showToast("top", msg.message);
    });
  }

484很简单鸭