Change the name of the ion-nav-bar tab to an image - ionic structure

Question

Im uses an ionic structure to develop mobile applications. Im now concentrating on Android development. I want to make an ionic frame navigation bar, as shown in the image below.

It has a tag called ion-view and a title attribute

 <ion-view title='TITLE'> 

Now the navigation bar looks like the image below

How to add image to navbar?

Answer 1

You can include html in the title attribute, so all you have to do is something like:

 <ion-view title="<i class='icon ion-ios7-lightbulb-outline'></i> TITLE"> 

Here is a demo: http://codepen.io/anon/pen/AcKqk