离子框架 - $ 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。