ionic $ionicLoading 加载器

2019独角兽企业重金招聘Python工程师标准>>>

$ionicLoading.show({

     template: '加载中...'
});

$ionicLoading.hide();

show()方法的options参数是一个JSON对象，可以包含如下字段：

• template - 模板字符串

• templateUrl - 内联模板的Url

• scope - 要绑定的作用域对象

• noBackdrop - 是否隐藏背景幕

• hideOnStateChange - 当切换到新的视图时，是否隐藏载入指示器

• delay - 显示载入指示器之前要延迟的时间，以毫秒为单位，默认为0，即不延迟

• duration - 载入指示器持续时间，以毫秒为单位。时间到后载入指示器自 动隐藏。默认情况下， 载入指示器保持显示状态，知道显示的调用hide()方法

参数配置服务 : $ionicLoadingConfig

如果要在多处都使用载入指示器，统一对options参数进行配置是一个更好的方法，这样 在应用时直接调用show()方法而不必传递参数了。这通过定义一个constant provider来实现：

      angular.module("ezApp", ["ionic"])
      .constant("$ionicLoadingConfig",{
          template : "default loading template ..."
      })

$ionicLoading服务会通过注入器查找这个常量，如果存在就使用其值作为参数进行显示。

转载于:https://my.oschina.net/jack088/blog/480075