美文网首页
Ionic2 使用loading组件实现下载进度显示效果

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

作者: 待花谢花开 | 来源:发表于2017-06-15 08:55 被阅读0次

    一般的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)
    

    相关文章

      网友评论

          本文标题:Ionic2 使用loading组件实现下载进度显示效果

          本文链接:https://www.haomeiwen.com/subject/fvryqxtx.html