离子标签菜单未显示或无法从右侧滑入答案

【问题标题】：Ionic tab menu not showing or can't slide in from right离子标签菜单未显示或无法从右侧滑入
【发布时间】：2019-01-11 23:15:11
【问题描述】：

我想要两个导航栏按钮，一个用于搜索，一个用于滑动菜单使用下面的代码，

<ion-header>

  <ion-navbar>
    <ion-title>{{ 'START_TAB' | translate }}</ion-title>

    <ion-buttons right>
      <button ion-button icon-only (click)="search()">
        <ion-icon name="search"></ion-icon>
      </button>
      <button ion-button menuToggle="right">
        <ion-icon name="menu"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>

</ion-header>

菜单按钮完全不见了。

当我删除menuToggle="right" 参数时，我得到以下结果：

并且切换按预期从左侧开始。

如何让它从右侧切换并水平放置图标？

【问题讨论】：

您希望它们与 Startseite 位于同一行吗？还是高于/低于它？
同一行，在右端。

标签： angular ionic-framework ionic3

【解决方案1】：

好的，这里有一个可能的方法，我会留给你玩

<ion-header>

  <ion-navbar>
   <ion-grid>
       <ion-row>
          <ion-col-8>
             <ion-title>{{ 'START_TAB' | translate }}</ion-title>
          </ion-col>
          <ion-col-2>
              <button ion-button icon-only (click)="search()">
                <ion-icon name="search"></ion-icon>
              </button>
          </ion-col>
          <ion-col-2>
            <button ion-button menuToggle>
               <ion-icon name="menu"></ion-icon>
         </button>
          </ion-col>              
       </ion-row>
   </ion-grid>
  </ion-navbar>
</ion-header>

好的，所以上面的这部分应该让你更接近你想要的标题显示。

至于从右侧打开的菜单，请转到 app.html 或调用菜单组件的位置，然后将 side="right" 添加到 ion-menu > 像这样：

<ion-menu [content]="content" side="right">

【讨论】：