Ionic2 使用loading组件实现下载进度显示效果

一般的loading组件在官方提供下没有说明怎么去动态改变content内容,所以不容易实现进度条的效果。

一般代码
    let loading = this.loadingCtrl.create({
      spinner: 'hide',
      content: '...'
    });
    loading.present();

为实现加载进度的效果其实官方提供了方法的,只需要通过loading.data.content就可以动态去改变content的内容。

实现代码
let loading = this.loadingCtrl.create({
      spinner: 'hide',
      content: '...'
    });
    loading.present();
    let item = 0;
    setInterval(() => {
      item++;
      loading.data.content = item;
    }, 1000)
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 177,409评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,448评论 4 61
  • 文/一个苞谷 奋斗的道路注定孤独 我们大多数人都在重复的过着每一天,和以前的我一样: 上午 早上...
    一个苞谷阅读 344评论 3 3
  • 拖延症是指自我调节失败,在能够预料后果有害的情况下,仍然把计划要做的事情往后推迟的一种行为。研究显示,大约有75%...
    1803阅读 317评论 1 3
  • 出了柒夫人的茶庄,我赶紧向半佛处急走。 “半佛,半佛,你可得帮我。”我大步跨入不名小馆。 “嗯?何事?”半佛正从内...
    花生龟阅读 402评论 0 1

友情链接更多精彩内容