Hide Splashscreen in Ionic App with ngCordova

angular-app.js

// Your App

angular.module('your-app', ['ionic', 'ngCordova'])

.config(function($stateProvider, $urlRouterProvider, $httpProvider) {

    $stateProvider

    .state("home", {
        url: "/home",
        controller: "HomeCtrl",
        templateUrl: "templates/home.html",
        resolve: {
            splash: function(AppInit) {
                return AppInit.splash();
            }
        }
    })

    // Fallback to this route
    $urlRouterProvider.otherwise("/home");

})

;

app-init-service.js

.factory('AppInit', function ($q, $cordovaSplashscreen, $ionicPlatform, $timeout) {
    return {
        splash: function() {

            var deferred = $q.defer();

            $ionicPlatform.ready(function(){
                $timeout(function(){
                    $cordovaSplashscreen.hide();
                    deferred.resolve();
                }, 500);
            });

            return deferred.promise;
            
        }
    };
})

config.xml

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<widget id="com.ionicframework.tabs158846" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
  <name>tabs</name>
  <description>
        An Ionic Framework and Cordova project.
    </description>
  <author email="hi@ionicframework" href="http://ionicframework.com/">
      Ionic Framework Team
    </author>
  <content src="index.html"/>
  <access origin="*"/>
  <preference name="webviewbounce" value="false"/>
  <preference name="UIWebViewBounce" value="false"/>
  <preference name="DisallowOverscroll" value="true"/>
  <preference name="BackupWebStorage" value="none"/>
  <!-- IMPORTANT (Make sure to add splashscreen plugin too) -->
  <preference name="AutoHideSplashScreen" value="false"/>
  <preference name="ShowSplashScreenSpinner" value="false"/>
  <!-- IMPORTANT -->
  <feature name="StatusBar">
    <param name="ios-package" value="CDVStatusBar" onload="true"/>
  </feature>
</widget>

Hide Splashscreen in Ionic App

Hide Splashscreen in Ionic App

Thank you for this! Works great! I spent hours trying to get this to work in other ways.

This was a great help. I had to spent so many hours to find the fix.