В моем приложении есть области, которые запускают асинхронные вызовы службы. Итак, когда пользователь выполняет какое-либо блокирующее действие, я показываю экземпляр loadingController. В то же время может быть запущен еще один асинхронный вызов, и снова я представляю другой loadController - но этот перекрывает другой - не проблема, если это стандартные загрузчики, но они имеют прозрачный фон.
В предыдущих версиях ionic контроллеры не перекрывали друг друга.
Я что-то упускаю?
Итак, если вы посмотрите на пример из документации ionic 3 ниже, вы заметите, что они назначают loadController переменной 'loading', а затем вызывают загрузчик позже (loading.dismiss()).
presentLoadingDefault() {
let loading = this.loadingCtrl.create({
content: 'Please wait...'
});
loading.present();
setTimeout(() => {
loading.dismiss();
}, 5000);
}
Чтобы предотвратить поведение стека, вы можете просто иметь переменную на уровне вашего основного компонента или поставщика, а не в контексте выполнения метода presentLoadingDefault(), и выполнить проверку, включен ли загрузчик в вашем методе.
Вот как я бы использовал его в «loadingProvider»:
import { Injectable } from '@angular/core';
import { LoadingController } from 'ionic-angular';
@Injectable()
export class LoadingProvider {
public loading = null;
constructor (
private loadingCtrl: LoadingController
) {
}
presentLoader() {
// this below will prevent "stacking" as long as we treat this.loading as a single source of truth for any loader:
if (this.loading) {
this.loading.dismiss();
this.loading = null;
}
// the rest is as usual
this.loading = this.loadingCtrl.create({
content: 'Please wait...'
});
this.loading.present();
setTimeout(() => {
loading.dismiss();
}, 5000);
}
}
