微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

javascript – Ionic 2刷新切换页面加载时的离子复习

概述:

当我的页面加载到Ionic 2应用程序时,我发出网络请求来填充列表.此刻,当页面最初加载时,我正在切换离子旋转器.这是当前的复习:

<ion-refresher (ionRefresh)="doRefresh($event)">

  <ion-refresher-content
    pullingText="Pull to refresh..."
    refreshingSpinner="circles">
  </ion-refresher-content>

</ion-refresher>

<ion-spinner *ngIf="loading" color="light" name="circles"></ion-spinner>

我希望的行为是移除离子旋转器组件,并在页面最初加载时启用离子刷新器.我已经在Ionic V1中看到了几个这样的例子,但我似乎无法将它转换为Angular 2.

题:

有没有办法从我的控制器(* .ts)触发离子修复器和它的微调器,所以我可以从我的模板中删除额外的离子微调器组件?

解决方法:

我实际上发现了一个黑客:

import { Content, Refresher } from 'ionic-angular';

export class MyPage {
  @ViewChild(Content) content: Content;
  @ViewChild(Refresher) refresher: Refresher;
...
  ionViewDidEnter() {
    this.refresher._top = this.content.contentTop + 'px';
    this.refresher.state = 'ready';
    this.refresher._onEnd();
  }

这将显示并触发复习.它隐式调用注册的刷新函数.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐