Как изменить значок по умолчанию для $ ionicLoading

Question

Мы создали наш собственный значок загрузки, как мы заменим инструмент по умолчанию своим значком загрузки.

$ionicLoading.show({ 
     content: 'Loading', 
     animation: 'fade-in', 
     showBackdrop: false, 
     maxWidth: 200, 
     showDelay: 0 
     }); 

Answer 1

просто добавьте новый значок или значок прядильника в шаблон, иначе добавьте собственное изображение gif с помощью тега img.

$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 
    });