Ionic Framework - $ ionicLoading: как отображать как счетчик, так и метку?

Question

Я не вижу возможности отображать как счетчик, так и метку! Docs.

Есть ли простой способ сделать это, или это должно быть то, что я должен сделать сам?

Пример (он не должен выглядеть так, конечно): http://www.jqueryscript.net/images/jQuery-Ajax-Loading-Overlay-with-Loading-Text-Spinner-Plugin.jpg

Спасибо!

Answer 1

Вы можете попробовать это:

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

Не тестировался, я думаю, он будет отображаться вертушку, но, возможно, без анимации.

Answer 2

Вы можете загрузить шаблон:

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

и в вашем коде:

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

или, как Nam Pham предложил, определенный шаблон инлайн:

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

Если вы хотите вы можете определить другой spinner.

Вы можете увидеть, как это работает here.