Status Bar doesn't work


Hi everybody,
I’m trying to custom the status bar of my app, and i fllow this tutorial [][1]

but when i deploy my app in my android phone i have a blank page instead my content.

here my code

    angular.module('starter', ['ionic', 'leaflet-directive', 'ngCordova', 'igTruncate'])

  .run(function($ionicPlatform) {
    $ionicPlatform.ready(function() {
      // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
      // for form inputs)
      if(window.cordova && window.cordova.plugins.Keyboard) {
      if(window.StatusBar) {


 .run(function($cordovaStatusbar) {

  $ //Light
  $cordovaStatusbar.styleHex('#FF0000') //red


How can i do please ?


Try this and the page should appear, based on my own testing:

.run(function($ionicPlatform, $cordovaStatusbar) {

Now if I could only get the styling to work as I’d like.


yes it’s work. Do you know please how i could have a transparent statusbar, the same in googleMaps ?


Sorry, but I have not yet figured out much about this yet, except that just using:


changes the status bar font from black to white in my application.


ok thanks a lot. If I find how to have a transparent statusBar, i will put the code here. Thanks