如何更改$ ionicLoading的默认图标

Question

我们已经创建了自己的加载图标，我们如何用我们的加载图标替换默认微调器。

#step2 {
    display: none;
}

Answer 1

只需在模板中添加新图标或微调器图标，否则使用img标签添加自己的gif图像。

$ionicLoading.show({
    template: '<ion-spinner icon="spiral"></ion-spinner>',
});

模板中的

使用了任何图标。

Answer 2

如果您需要离子自定义装载器微调器：

$ionicLoading.show({
template: '<ion-spinner icon="spiral"></ion-spinner>',
});

如果您需要离子自定义图像加载器：

$ionicLoading.show({
   template: '
    <h2>A custom image loader</h2>
    <img src="img/loader.jpg" alt="" width=50" height="50" />
    ',
   content: 'Loading',
   animation: 'fade-in',
   showBackdrop: true,
   maxWidth: 300,
   showDelay: 0
  });