Ionic Framework - $ ionicLoading: Wie Spinner und Label anzeigen?

Question

Ich sehe keine Option, um Spinner und Label-Nachricht anzuzeigen! Docs.

Gibt es einen einfachen Weg dies zu tun oder es muss etwas sein, was ich selbst tun muss?

Beispiel (es so natürlich aussehen muss nicht): http://www.jqueryscript.net/images/jQuery-Ajax-Loading-Overlay-with-Loading-Text-Spinner-Plugin.jpg

Dank!

Answer 1

Sie können dies versuchen:

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

Nicht getestet, ich denke, es wird die Spinner zeigen, aber vielleicht keine Animation.

Answer 2

können Sie Ihre Vorlage laden:

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

und in Ihrem Code:

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

oder, wie Nam Pham vorgeschlagen, definiert eine Inline-Vorlage:

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

Wenn Sie möchten, Sie können eine andere spinner definieren.

Sie können sehen, wie es funktioniert here.