ionic framework - Hidding side menu and nav bar in only 1 page -

when make hide-nav-bar="true" makes sidebar menu disappear in other pages didnt wanted to. want make nav , side menu go away in home page, in other pages side menu replaced arrow reason. how can solve this?

this how looks

this how supposed

my code

<ion-view hide-nav-bar="true" title="home" id="page1">  <ion-content padding="true" class="has-header backg">   <img class="log" src='../../img/image2.png' alt="html5 icon" style="width:90px;height:90px;">     </ion-content>  </ion-view>

please take @ this plunker.

i want make nav , side menu go away in home page

in order that, can, first, avoid including header in view. including , ion-content element in home page html code, view not gonna have navbar.

<ion-content>   <p>home page</p>   <!-- ... -->   <!-- ... --> </ion-content> 

even though we're not showing navbar, user open side menu slicing left (in case) need make sure avoid happening this:

add id ion-menu element this:

<ion-menu [content]="content" side="left" id="menu">   <ion-toolbar secondary>     <ion-title>menu</ion-title>   </ion-toolbar>    <ion-content>     <ion-list>       <button ion-item menuclose="menu" detail-none>         close menu       </button>     </ion-list>   </ion-content> </ion-menu> 

and in homepage.ts disable this:

import { menucontroller, ... } 'ionic-angular';  @component({   templateurl:"home.html" }) export class homepage {    constructor(private menuctrl: menucontroller, ...) { }    ionviewdidenter() {     this.menuctrl.enable(false, 'menu');   }    // ... } 

in other pages side menu replaced arrow reason.

that's related navigation array , how ionic2 handles it. if push new page, arrow shown. though can hide it, if app being run in android device physical button, user still able togo home page. if don't want let user go homepage (because login page or that) use setroot method instead.

this.nav.setroot(newpage);