IonicLoading: Is changed something in beta9?


#1

Hi, I use this code to open IonicLoading, but don’t start:

$scope.show = function () {

    // Show the loading overlay and text
    $scope.loading = $ionicLoading.show({
        content: '<i class="icon ion-loading-c" style="margin-right:5px;"></i> Loading...',
        animation: 'fade-in',
        showBackdrop: true,
        maxWidth: 200,
        showDelay: 500
    });
};

Is change something?


#2

Double check the documentation. Looks like there are some differences between your code the the documentation,

http://ionicframework.com/docs/api/service/$ionicLoading/


#3

You may trying using “template” instead of “content”


#4

don’t work

$scope.loading = $ionicLoading.show({
template: ’ Loading…’,
delay: 400
});


#5

You no longer should assign $ionicLoading.show() back to a $scope variable. You should just treat it like this. Think of it like a global service, now there is only one loader instead of previously where they were created on demand and assigned to variables.

$ionicLoading.show({
  template: 'Loading...',
  delay: 400,
});

Its working for me, though if you have $ionicLoading.hide(); execute before the delay, it will never show the loading screen. The delay only holds the display of the loader for so many milliseconds, but if the hide method runs before it cancels it.