1. 程式人生 > >Ionic2 使用loading元件實現下載進度顯示效果

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)