基本思路是在controller中添加$ionicLoading,通過(guò)判斷數(shù)據(jù)載入情況,顯示與隱藏加載提示。
使用方法
angular.module('LoadingApp', ['ionic'])
.controller('LoadingCtrl', function($scope, $ionicLoading) {
$scope.show = function() {
$ionicLoading.show({
template: 'Loading...'
});
};
$scope.hide = function(){
$ionicLoading.hide();
};
});
方法
show(opts) 顯示加載提示
{string=} template html模板
{string=} templateUrl 通過(guò)url加載模板
{object=} scope 作用域. 默認(rèn)是$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 自動(dòng)隱藏含末,多少毫秒后自動(dòng)隱藏加載提示。默認(rèn)是不自動(dòng)隱藏