2017-08-29 62 views
1

我的標題中需要兩個菜單按鈕。不幸的是,漢堡菜單不會左移。目前,它看起來像這樣:標題 - 在兩個按鈕中間顯示標題

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> 

回答

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>