我的标题中需要两个菜单按钮。不幸的是,汉堡菜不会向左移动。它目前看起来像这样:
以下是代码:
<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 :(得分: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>