İyonik Çerçeve - $ İyonikYükleme: Hem eğirici hem de etiket nasıl görüntülenir?

Question

Hem döndürücüyü, hem de etiket mesajını gösterme seçeneği görmüyorum! Docs.

Bunu yapmanın basit bir yolu var mı, yoksa kendim yapmam gereken bir şey mi olmalı?

Örnek (tabii bu gibi bakmak zorunda değil): http://www.jqueryscript.net/images/jQuery-Ajax-Loading-Overlay-with-Loading-Text-Spinner-Plugin.jpg

Teşekkür!

Test edilmedi

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

, bunu spinner görünecektir düşünüyorum, ama belki hiç animasyonu:

Answer 1

Bu deneyebilirsiniz.

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

ve kodunuzda:

Answer 2

Sen şablon yükleyebilirsiniz İsterseniz

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

: Nam Pham önerildiği gibi

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

ya, bir satır içi şablonu tanımlı Farklı bir spinner tanımlayabilirsiniz.

Nasıl çalıştığını görebilirsiniz here.