2017-09-19 2 views
2

Je veux implémenter spinner avec le contrôleur de chargement dans ionic3. J'ai mis en application le contrôleur de chargement simple. comment faire? Merci d'avance.Comment mettre en œuvre spinner avec contrôleur de chargement en ionique 3?

Mon actuel chargeur

enter image description here

Je veux quelque chose comme ça

enter image description here

+0

http://ionicframework.com/docs/components/#loading – Sampath

+0

Je veux quelque chose comme dans l'option "Show Custom", mais incapable de trouver le code source. J'ai déjà implémenté un chargeur simple. https://ionicframework.com/docs/api/components/loading/LoadingController/ – Niraj

+0

Quel est le problème ici? Pouvez-vous montrer le 'code'? – Sampath

Répondre

1
presentLoadingCustom() { 
    let loading = this.loadingCtrl.create({ 
     spinner: 'hide', 
     content: `<img src="assets/img/gif.gif" />`, 
     duration: 5000 
    }); 

    loading.onDidDismiss(() => { 
     console.log('Dismissed loading'); 
    }); 

    loading.present(); 
    } 

balise image à l'intérieur donnent une image gif et il fonctionne très bien, je l'ai testé

Sortie imag

+0

dois-je mettre le tag au format html et écrire des css pour l'utiliser? – Niraj

+0

s'il vous plaît vérifier ma réponse mise à jour et l'essayer @Niraj –

+0

son montre une zone vide, sans bulles – Niraj