Когда мы используем LoadingController в Ionic 3, он получает полноэкранный контроль.
Можно ли создать экран загрузки только для элемента HTML?
Например, у меня есть 4 карты, отображаемые на странице, и каждая из них будет отображать загрузку, пока данные не будут загружены. В то же время, остальные элементы должны быть доступны пользователю.
Я пытался реализовать это, но не могу найти помощь от Ionic 3 Doc
Я пробовал настраивать загрузку с помощью следующего кода, но он не работал. Он по-прежнему занимает весь экран.
Страница TS:
presentLoadingCustom() {
let loading = this.loadingCtrl.create({
spinner: 'hide',
content: `
<div class="custom-spinner-container">
<div class="custom-spinner-box"></div>
</div>`,
duration: 5000
});
loading.onDidDismiss(() => {
console.log('Dismissed loading');
});
loading.present();
}
HTML-страница:
<div class="custom-spinner-container">
<div class="custom-spinner-box"> My content here...</div>
</div>