Question

这是我的代码......

    <ion-side-menu-content>
    <ion-nav-bar class="bar-stable">
      <ion-nav-back-button>
      </ion-nav-back-button>

      <ion-nav-buttons side="left">
        <button class="button button-icon button-clear ion-navicon" menu-toggle="left">
        </button>
      </ion-nav-buttons>
    </ion-nav-bar>
    <ion-nav-view name="menuContent"></ion-nav-view>
  </ion-side-menu-content>

我不知道如何更改标题栏文字。

Answer 1

可能对您有用。 nav title指令用ionView模板中的自定义HTML替换ionNavBar标题文本。这使每个视图都能够指定自己的自定义标题元素，例如图像或任何HTML，而不是仅文本。或者，可以使用view-title ionView属性更新纯文本标题。

请注意，ion-nav-title必须是ion-view或ion-nav-bar元素的直接后代（基本上不会将其包装在另一个div中）。

用法

<ion-nav-bar>
</ion-nav-bar>
<ion-nav-view>
  <ion-view>
    <ion-nav-title>
      <img src="logo.svg">
    </ion-nav-title>
    <ion-content>
      Some super content here!
    </ion-content>
  </ion-view>
</ion-nav-view>

Answer 2

对于“MySideMenuTitle”的标题 - 更改您的示例如下：

let chart = this.chartComp.chart;

对于常规离子视图，更改导航标题更容易：

<ion-side-menus>
  <ion-side-menu-content>
    <ion-nav-bar class="bar-stable">
      <ion-nav-back-button>
      </ion-nav-back-button>

      <ion-nav-buttons side="left">
        <button class="button button-icon button-clear ion-navicon" menu-toggle="left">
        </button>
      </ion-nav-buttons>
    </ion-nav-bar>
    <ion-nav-view name="menuContent"></ion-nav-view>
  </ion-side-menu-content>
  <ion-side-menu side="left">
    <ion-header-bar class="bar-balanced">
      <h1 class="title">MySideMenuTitle</h1>
    </ion-header-bar>
    <ion-content>
        ...
    </ion-content>
  </ion-side-menu>
</ion-side-menus>

如何更改离子导航栏文本？

2 个答案: