Come modificare l'icona predefinita di $ ionicLoading

Question

Abbiamo creato la nostra icona di caricamento, come sostituiamo la selezione di default con la nostra icona di caricamento.

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

Answer 1

aggiungi semplicemente una nuova icona o un'icona di selezione nel modello altrimenti aggiungi la tua immagine GIF utilizzando il tag img.

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

nel modello utilizzato qualsiasi icona.

Answer 2

Se avete bisogno di ionica loader personalizzato filatore:

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

Se avete bisogno di ionica immagine personalizzata loader:

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