Ionic Loading

ionicLoading

angular.module('ionicApp', ['ionic'])
.controller('AppCtrl', function($scope, $timeout, $ionicLoading) {

  // Setup the loader
  $scope.loading = $ionicLoading.show({
    content: '<i class="icon ion-loading-c"></i>',
    animation: 'fade-in',
    showBackdrop: false,
    maxWidth: 50,
    showDelay: 0
  });
  
  // Set a timeout to clear loader, however you would actually call the $scope.loading.hiazde(); method whenever everything is ready or loaded.
  $timeout(function () {
    $scope.stooges = [{name: 'Moe'}, {name: 'Larry'}, {name: 'Curly'}];
    $scope.loading.hide();
  }, 1000000);
  
});