在Ionic中使用标题徽标时,浏览器选项卡会显示html

时间:2015-12-29 18:57:28

标签: html header ionic

我使用Ionic在标题中有一个徽标图片。

<ion-view title="<img class='title-image-pic' src='./img/MyImg.jpg'>">

看起来不错,但浏览器标签显示了html元素。如何解决此问题并让浏览器选项卡显示我的标题而不是:

<img class='title-image-pic' src='./img/MyImg.jpg'>

感谢您提供任何建议。

1 个答案:

答案 0 :(得分:0)

您可以在 index.html

中设置标题
<html>
  <head>
    <title>My App</title>
    <!-- Other things -->
  </head>
  <!-- Body and stuff -->
</html>

然后,您可以使用ion-nav-title指令在您自己的模板中设置图像:

<ion-nav-view>
  <ion-view>
    <ion-nav-title>
      <img class='title-image-pic' src='./img/MyImg.jpg'>
    </ion-nav-title>
    <ion-content>
      Some super content here!
    </ion-content>
  </ion-view>
</ion-nav-view>