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