Ionic 3加载组件未全屏显示

Question

当我们在Ionic 3中使用LoadingController时，它将采用全屏控制。

是否可以仅为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>