Hide Back button

<ion-nav-bar class="bar-we-orange" ng-class="{'home--header-bar' : hideback}" align-title="left">
<ion-nav-back-button class="button-clear button-clearwidth">
    <i class="button button-icon my-back-button"></i>
</ion-nav-back-button>
<ion-nav-buttons side="right" ng-show="loggedInUserId">
    <button ng-show="loggedInUserId" class="button button-icon button-clear ion-ios-search-strong right-search-icon" ui-sref="weCode.discover">
    </button>
</ion-nav-buttons>
this is main.html i'm trying to override the back button in login page
<ion-view class="login--container has-header bg-gray" cache-view="false" ng-if="!isUserLoggedIn" title="Log in" hide-back-button="true">
<ion-nav-buttons side="left">
    <button class="stable button-icon icon my-back-button" href="#" ng-click="goBackIt()">
    </button>
</ion-nav-buttons>
<ion-content></ion-content></ion-view>

the problem is i was not able to view the button at all it is totally hiding…

From the docs: “The back button will appear when the user is able to go back in the current navigation stack.
Additionally, the button is automatically set to $ionicGoBack() on click/tap.”

So is it possible to go back in the current navigation stack?
Assuming you were talking about the back button not showing.

If the custom back button doesn’t show up try it like this:

<ion-view hide-nav-bar="true" >
    <ion-header-bar class="bar-stable">
     <button class="stable button-icon icon my-back-button" href="#" ng-click="goBackIt()">
      </button>
    </ion-header-bar>