Ionic framework $state.go('app.home'); is adding back button on page where I want to go (how to remove it)?

Question

I have app with sidebar menu. I am on second page and I am calling controller function which redirect me to first page using:

$state.go('app.home'); 

Problem is that on this page is now displayed back button next sidebar menu icon, see image below:

Could somebody tell me how to deny to add back button into pages which has assigned sidebar menu?

Thanks for any help.

app.js is with router config is following:

angular.module('Test', ['ionic', 'config', 'Test', 'LocalStorageModule'])  .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) {       cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);     }     if(window.StatusBar) {       // org.apache.cordova.statusbar required       StatusBar.styleDefault();     }   }); })  .config(function($stateProvider, $urlRouterProvider, localStorageServiceProvider) {    localStorageServiceProvider      .setPrefix('max_relax');    $stateProvider      .state('app', {       url: '/app',       abstract: true,       templateUrl: 'templates/menu.html',       controller: 'AppCtrl'     })      .state('app.home', {       url: '/home',       views: {         'menuContent' :{           templateUrl: 'templates/home.html',           controller: 'HomeCtrl'         }       }     })      .state('app.saved', {       url: '/saved',       views: {         'menuContent' :{           templateUrl: 'templates/saved.html',           controller: 'SavedCtrl'         }       }     })     .state('app.settings', {       url: '/settings',       views: {         'menuContent' :{           templateUrl: 'templates/settings.html',           controller: 'SettingsCtrl'         }       }     });   // if none of the above states are matched, use this as the fallback   $urlRouterProvider.otherwise('/app/home'); }); 

Edit:

Added menu template:

<ion-side-menus>    <ion-pane ion-side-menu-content>     <ion-nav-bar class="bar-stable">       <ion-nav-back-button class="button-clear"><i class="icon ion-ios7-arrow-back"></i> Back</ion-nav-back-button>     </ion-nav-bar>     <ion-nav-view name="menuContent" animation="slide-left-right"></ion-nav-view>   </ion-pane>    <ion-side-menu side="left">     <header class="bar bar-header bar-stable">       <h1 class="title">Menu</h1>     </header>     <ion-content class="has-header">       <ion-list>         <ion-item nav-clear menu-close href="#/app/home">           Home         </ion-item>         <ion-item nav-clear menu-close href="#/app/saved">           Saved         </ion-item>         <ion-item nav-clear menu-close href="#/app/settings">           Settings         </ion-item>        </ion-list>     </ion-content>   </ion-side-menu> </ion-side-menus> 

Answer 1

Use $ionicHistory in your controller before calling $state.go('app.home').

.controller('HomeCtrl', function($scope,...,$ionicHistory) {   ...   $ionicHistory.nextViewOptions({     disableBack: true   });    $state.go('app.home'); });