如何在ionic中添加加载提示

使用方法

angular.module('ionicApp', ['ionic'])

.controller('AppCtrl', function($scope, $timeout, $ionicLoading) {


 // Setup the loader
 $ionicLoading.show({
   content: 'Loading',
   animation: 'fade-in',
   showBackdrop: false,
   maxWidth: 200,
   showDelay: 0
 });
 
 // Set a timeout to clear loader, however you would actually call the $ionicLoading.hide(); method whenever everything is ready or loaded.
 $timeout(function () {
   $ionicLoading.hide();
   $scope.stooges = [{name: 'Moe'}, {name: 'Larry'}, {name: 'Curly'}];
 }, 2000);

  

方法

show(opts) 显示加载提示

{string=} template html模板
{string=} templateUrl 通过url加载模板
{object=} scope 作用域. 默认是$rootScope.
{boolean=} noBackdrop Whether to hide the backdrop. By default it will be shown.
{boolean=} hideOnStateChange Whether to hide the loading spinner when navigating to a new state. Default false.
{number=} delay 延迟显示，多少毫秒后显示加载提示
{number=} duration 自动隐藏，多少毫秒后自动隐藏加载提示。默认是不自动隐藏

hide() 隐藏加载提示