Ionic Framework - $ ionicLoading: come visualizzare sia lo spinner che l'etichetta?

Question

Non vedo un'opzione per visualizzare sia il messaggio di spinner che di etichetta! Docs.

C'è un modo semplice per farlo o deve essere qualcosa che devo fare da solo?

Esempio (che non deve assomigliare a questo, naturalmente): http://www.jqueryscript.net/images/jQuery-Ajax-Loading-Overlay-with-Loading-Text-Spinner-Plugin.jpg

Grazie!

Answer 1

Si può provare questo:

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

Non testato, penso che verrà visualizzato il filatore, ma forse nessuna animazione.

Answer 2

È possibile caricare il modello:

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

e nel codice:

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

o, come Nam Pham suggerito, definito un modello di linea:

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

Se si desidera puoi definire un diverso spinner.

È possibile vedere come funziona here.