$ionicLoading

$ionicLoading 是 ionic 默认的一个加载交互效果。里面的内容也是可以在模板里面修改。

实例该文档来自ionic中文网ionic-china

angular.module('LoadingApp', ['ionic'])
.controller('LoadingCtrl', function($scope, $ionicLoading) {
  $scope.show = function() {
    $ionicLoading.show({
      template: 'Loading...'
    });
  };
  $scope.hide = function(){
    $ionicLoading.hide();
  };
});

方法

show(opts)

显示一个加载效果,如果已经显示则更改配置项。

参数 类型 说明
opts object

loading指示器的options可用属性:

  • {string=} template 指示器的html内容
  • {string=} templateUrl 一个加载html模板的url作为指示器的内容
  • {object=} scope 子类的Scope 默认: 创建一个$rootScope子类
  • {boolean=} noBackdrop 是否隐藏背景 默认情况下它会显示
  • {boolean=} hideOnStateChange 当加载状态改变时是否隐藏 默认: false
  • {number=} delay 指示器延迟多少毫秒显示 默认为不延迟
  • {number=} duration 等待多少毫秒后自动隐藏指示器.默认情况下,指示器会一直显示,直到触发.hide()

hide()

隐藏一个加载效果。