Question

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

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

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

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

感谢您提供任何建议。

Answer 1

您可以在 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>

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

1 个答案: