Back Arrow Button In Ionic


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
    <h1 class="title">Title of my project</h1>

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


Here some code for header in ionic.

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

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

Leave a Reply

(*) Required, Your email will not be published