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

Question

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

下面是代码：

<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> 

Answer 1

你需要做的，如下图所示。

注：您需要使用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>