离子框架 - $ ionicLoading:如何显示微调器和标签？

Question

我没有看到显示微调器和标签消息的选项! 文件.

有没有一种简单的方法可以做到这一点,或者它必须是我必须自己做的事情？

示例(当然不必看起来像这样):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
    });

如果你想要,你可以定义一个不同的微调器.

你可以在这里看到它是如何工作的.