hide header bar from controller - angularjs

Question

I've created a new app using the following command:
ionic start myApp sidemenu
added a home.html page to the templates folder, added the following to the app.js file:
.state('app.home', {
url: '/home',
views: {
'menuContent': {
templateUrl: 'templates/home.html',
controller: 'homeCtrl'
}
}
})
and added the following controller:
.controller('homeCtrl', function ($scope) {
ionic.Platform.ready(function () {
$scope.me = "my name";
//ionic.Platform.fullScreen(true, false);
//$cordovaStatusbar.hide();
//StatusBar.hide();
});
})
my home.html:
<ion-view>
<ion-content>
<h3 style="margin-top:30px;">User Name {{me}}</h3>
<select class="center" style="margin-top:10px;">
<option>Blue</option>
<option>Green</option>
<option>Red</option>
</select>
</ion-content>
</ion-view>
My question is how can I hide this top bar:
just from a single page\view\controller?
UPDATE
changed my controller to this:
.controller('homeCtrl', function ($scope, $ionicNavBarDelegate) {
$ionicNavBarDelegate.showBar(false);
$scope.me = "my name";
})
but still doesn't work even though the docs say it's the correct way.

Answer 1

Just try this,
<ion-view hide-nav-bar="true">
<ion-content>
<h3 style="margin-top:30px;">User Name {{me}}</h3>
<select class="center" style="margin-top:10px;">
<option>Blue</option>
<option>Green</option>
<option>Red</option>
</select>
</ion-content>
</ion-view>
or
add this line in your contorller
$ionicNavBarDelegate.showBar(false);
Refer