View ionic Mobile app on Fullscreen

I have an ionic mobile app. i runs on a mobile browser. it has static a header. i need to hide the address bar for that web app even when scrolling down, but this does not happen.

it has a header as follows,

<meta name="viewport" 
      content="initial-scale=1, 
      maximum-scale=1, 
      user-scalable=no, 
      width=device-width">

it runs on a native mobile browser. i built the app using console. so please help me to hide the address/header bar and run like facebook or other web apps

You can install the statusbar plug-in:

$ cordova plugin add org.apache.cordova.statusbar

and hide the status bar: StatusBar.hide();

.controller('MyCtrl', function($scope) {
  ionic.Platform.ready(function() {
    // hide the status bar using the StatusBar plugin
    StatusBar.hide();
  });
});

Some more info here and a working app here.