我想在 ionic 4 中创建一个自定义加载器，但在消息字段中它显示了 html 代码，但没有呈现我的 gif 图像

Question

  async presentLoading() {
    const loading = await this.loader.create({ 
      duration: 2000,
      showBackdrop:false,
      cssClass:'sa',
      spinner:'false',
      message:`
      <div class="custom-spinner-container">
      <img class="loading" width="120px" height="120px" src="assets/loader1.gif" />
    </div>`
    });
    return await loading.present();
  }

Answer 1

那么你检查过文档吗？

在 Ionic 3 中，这是一种不同的语法，并且不应该改变：

https://ionicframework.com/docs/api/components/loading/LoadingController/

请参阅他们的示例 - 使用不同的值来隐藏默认微调器......

尝试这个：

async presentLoading() {
    const loading = await this.loader.create({ 
      duration: 2000,
      showBackdrop:false,
      cssClass:'sa',
      spinner:'hide',
      message:`
      <div class="custom-spinner-container">
      <img class="loading" width="120px" height="120px" src="assets/loader1.gif" />
    </div>`
    });
    return await loading.present();
  }

更新：似乎在 Ionic 4 中建议的处理加载器动画的方法是通过 ion-spinner。但目前还不清楚旧的方式是否应该被打破，或者只是在 Beta 版中尚未得到支持