В моето приложение имам области, които задействат асинхронни извиквания на услуги. Така че, когато потребител извърши някакво действие, което блокира, аз показвам екземпляр loadingController. Междувременно може да се стартира друго асинхронно повикване и отново представям друг loadingController - но този се припокрива с другия - не е проблем, ако са стандартни зареждащи устройства, но те имат прозрачен фон.
В предишните версии на ionic контролерите не се припокриваха.
Изпускам ли нещо?
Така че, ако погледнете примера от документацията на ionic 3 по-долу, ще забележите, че те присвояват loadingController на променлива '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);
}
}
