将离子导航栏的标签标题更改为图像 - 离子框架

时间:2014-09-15 07:40:41

标签: android html css cordova ionic-framework

我使用离子框架开发移动应用程序。我现在专注于Android开发。 我想制作离子框架的导航栏,如下图所示。 enter image description here

它有一个名为ion-view和属性title

的标记
<ion-view title='TITLE'>

现在导航栏看起来像图像

enter image description here

如何在导航栏中添加图片?

1 个答案:

答案 0 :(得分:9)

您可以在title属性中包含html,所以您只需要执行以下操作:

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

这是一个演示:http://codepen.io/anon/pen/AcKqk