ion-nav-title
Child of ionNavView

The nav title directive replaces an ionNavBar title text with custom HTML from within an ionView template. This gives each view the ability to specify its own custom title element, such as an image or any HTML, rather than being text-only. Alternatively, text-only titles can be updated using the view-title ionView attribute.

Note that ion-nav-title must be an immediate descendant of the ion-view or ion-nav-bar element (basically don’t wrap it in another div).

Usage

<ion-nav-bar>
</ion-nav-bar>
<ion-nav-view>
  <ion-view>
    <ion-nav-title>
      <img src="logo.svg">
    </ion-nav-title>
    <ion-content>
      Some super content here!
    </ion-content>
  </ion-view>
</ion-nav-view>