Ионный загрузчик: $ ionicLoading.show() проблема, загрузчик не вызван в первый раз

Question

У меня возникла эта странная проблема с директивой $ ionicLoading. Я пытаюсь показать загрузчик при каждом изменении состояния.

.run(['$rootScope','$ionicLoading', function ($rootScope, $ionicLoading){ 
    $rootScope.$on('loading:show', function() { 
    $rootScope.loading = $ionicLoading.show({ 
     template: '<ion-spinner icon="android"></ion-spinner>', 
     delay: 1 
    }).then(function(){ 
     console.log('showing loader'); 
    }, function(error){ 
     console.log('something is breaking'); 
    }); 
    }); 
    $rootScope.$on('loading:hide', function() { 
    $ionicLoading.hide(); 
    }); 
    $rootScope.$on('$stateChangeStart', function() { 
    console.log('please wait...'); 
    $rootScope.$broadcast('loading:show'); 
}); 

$rootScope.$on('$stateChangeSuccess', function() { 
    console.log('done'); 
    $rootScope.$broadcast('loading:hide'); 
    }); 
}]); 

На странице загрузки или на stateChangeStart, $ ionicLoading.show() становится называется, но она возвращается многообещающая ошибки (ошибка: отмененный, что-то ломается становится распечатано) & поэтому Loader не отображается.

Теперь, если я вызываю событие $rootScope.$broadcast('loading:show'); на $stateChangeSuccess, после события hide, появляется загрузчик. (Я узнал об этом, просто играя).

Любая помощь приветствуется.

Answer 1

Попробуйте

$rootScope.$on('$stateChangeStart', function(event, toState, toParams, fromState, fromParams){ 
    $ionicLoading.show(); 
}); 

$rootScope.$on('$stateChangeSuccess', function(event, toState, toParams, fromState, fromParams) { 
    $ionicLoading.hide(); 
}); 

$rootScope.$on('$stateChangeError', function(event, toState, toParams, fromState, fromParams, error) { 
    console.error(error); 
    $ionicLoading.hide(); 
});