Back Arrow Button In Ionic

Issue

I’m new to Ionic and I’m trying to add back arrow to my project using Ionic framework. I’m using the simple code as follows:

<ion-header-bar class="bar-stable"> 
    <ion-nav-back-button class="button-clear">
        <i class="ion-arrow-left-c"></i> Back
    </ion-nav-back-button>
    <h1 class="title">Title of my project</h1>
</ion-header-bar>

But I can’t see the Ionic back button in my header anywhere.

Solution

Here some code for header in ionic.

<ion-view>
<ion-nav-bar>
    <ion-nav-buttons side="left">
        <button class="button button-clear  ion-arrow-left-c  " ng-click="backButton()"></button>
    </ion-nav-buttons>
    <ion-nav-buttons side="right">
        <button class="button button-clear btn-white ion-android-settings header-icon-size " ng-click="openDrawer()"></button>
    </ion-nav-buttons>
</ion-nav-bar>
<ion-content>
    <!-- here content -->
</ion-content>
</ion-view>

Answered By – Anurag Pandey

This Answer collected from stackoverflow, is licensed under cc by-sa 2.5 , cc by-sa 3.0 and cc by-sa 4.0