标题 - 在两个按钮中间显示标题

时间:2017-08-29 12:41:28

标签: android angular ionic-framework ionic2 ionic3

我的标题中需要两个菜单按钮。不幸的是,汉堡菜不会向左移动。它目前看起来像这样:

enter image description here

以下是代码:

<ion-header>
  <ion-navbar>
    <ion-buttons start>
      <button ion-button menuToggle start>
        <ion-icon class="fa fa-bars" style="color:red;"></ion-icon>
      </button>
    </ion-buttons>
    <ion-buttons end>
      <button ion-button icon-only (click)="presetActionSheet()">
        <ion-icon class="fa fa-ellipsis-v" style="color:red;"></ion-icon>
      </button>
    </ion-buttons>
    <ion-title>
      <ion-icon class="fa fa-tachometer"></ion-icon>
      {{'vocables.headerTitle' | translate}}
    </ion-title>
  </ion-navbar>
</ion-header>

1 个答案:

答案 0 :(得分:0)

您需要按照以下所示进行操作。

注意:您需要使用menuToggle left,无需使用<ion-buttons start>

<ion-header>
 <ion-navbar>
    <button ion-button menuToggle left>
        <ion-icon class="fa fa-bars" style="color:red;"></ion-icon>
      </button>
    <ion-buttons end>
      <button ion-button icon-only (click)="presetActionSheet()">
        <ion-icon class="fa fa-ellipsis-v" style="color:red;"></ion-icon>
      </button>
    </ion-buttons>
    <ion-title>
      <ion-icon class="fa fa-tachometer"></ion-icon>
      {{'vocables.headerTitle' | translate}}
    </ion-title>
  </ion-navbar>
</ion-header>