部分顯示Ionic3 LoadingController

Question

我們知道ionic3中的LoadingController是全屏加載。 用戶是否可以通過LoadingController進行部分加載，例如僅加載屏幕中的卡片屏幕中的列表？

Answer 1

 ion-spinner { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; z-index: 9; } 

 <ion-content> <ion-spinner></ion-spinner> </ion-content> 

Answer 2

是的你可以。 您需要為此創建一個自定義加載程序。

這是文檔的示例

presentLoadingCustom() {
  const 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();
}