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

Question

我使用 Ionic 在 header 中有一个徽标图像。

<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 中使用 header 徽标时，浏览器选项卡显示 html

When using a header logo in Ionic, the browser tab shows html

html

header

ionic