$ionicLoading not showing on iOS


#1

Hi,
I’m developing an APP with one map.
I’m using angular-google-maps and ionic 1.0.0-rc.5 (tungsten turkey). I want to show loading spinner while map is loading tiles. I have already developed this feature, but it doesn’t work on my real iOS device (iPhone 4s with iOS 7.1.2).

I can see the loading spinner in Android devices and in browser too. But when I run it into iPhone it never shows it.

For debuggin purposes, I use $timeout to hide loading after 3 seconds.
There is a simplified and really basic version of my source code:

Javascript:

nameApp.controller('HomeCtrl', function($scope,$ionicLoading,$timeout) {
  $ionicLoading.show();
  $timeout($ionicLoading.hide, 3000);
  $scope.map = { center: { latitude: 45, longitude: -73 }, zoom: 8 };
});

HTML:

<script id="home.html" type="text/ng-template">
    <ion-view view-title="Google Maps V3 example">         
      <ion-content data-tap-disabled="true">        
        <ui-gmap-google-map center='map.center' zoom='map.zoom'></ui-gmap-google-map>            
      </ion-content>
    </ion-view>
  </script>  

Anyone knows why it works everywhere except on my iPhone?

Has anyone experienced a similar issue ?

Any help will be appreciated. Thanks in advance.

Sorry for my english :sweat_smile:


#2

Hi I also have the same problem.

$ionicLoading working on Android devices and iOS 8 but not working on iOS 7.1 :fearful:

Best,
Adrian


#3

@ramon Have you found a solution for this?


#4

Not really, finally I use this plugin. Now, i don’t need to show $ionicLoading because it is considerably faster.


#5

I also get the same issue.
Ionic Loading work fine on Web, but not show on IOS8 iphone6.

I find the the html item with class < div class=“backdrop” > and < div class=“loading” > item do not in “active” state on ios8.

Do any one got the solution?