$stateChangeStart

Hi. I’d like to ask how would I be able to show a loading indicator ($ionicLoading) everytime I change state during transition from one tab view to another?

For example I have this code:

//controller
scope.selectFriendsTab = function() {
        loadingIndicator.show();
        $state.go('tab.friends');
      };

//service
.service('loadingIndicator', [
    '$ionicLoading',
    function($ionicLoading) {
      this.show = function() {
        $ionicLoading.show({
          templateUrl: 'templates/loading.html'
        });
      };
      this.hide = function() {
        $ionicLoading.hide();
      };
    }
  ])

where loading.html contains the ionic icon for loading

but the loading indicator does not show. Am I missing something here?

How do this work for you?

1 Like