javascript - docs - loading ionic 3 example

Ionic Framework-$ ionicLoading: ¿Cómo mostrar tanto spinner como etiqueta?

Question

¡No veo una opción para mostrar tanto el mensaje giratorio como el de la etiqueta! Docs .

¿Hay una manera simple de hacer esto o debe ser algo que tengo que hacer yo mismo?

Ejemplo (no tiene por qué verse así, por supuesto): http://www.jqueryscript.net/images/jQuery-Ajax-Loading-Overlay-with-Loading-Text-Spinner-Plugin.jpg

¡Gracias!

Answer 1

Puedes intentar esto:

$ionicLoading.show({
template: ''<ion-spinner></ion-spinner> <br/> My Label''
});

No probado, creo que aparecerá el spinner, pero quizás no haya animación.

Answer 2

Puedes cargar tu plantilla:

<script id="loading.html" type="text/ng-template">
<ion-spinner icon="bubbles"></ion-spinner>
<p>LOADING...</p>
</script>

y en tu código:

$ionicLoading.show({
templateUrl: ''loading.html''
// noBackdrop: true
});

o, como sugirió Nam Pham , definió una plantilla en línea:

$ionicLoading.show({
template: ''<ion-spinner icon="bubbles"></ion-spinner><p>LOADING...</p>''
// noBackdrop: true
});

Si lo deseas, puedes definir un spinner diferente.

Puedes ver cómo funciona aquí .