Ионная вкладка меню не отображается или не может скользить справа

Question

Я хочу две кнопки навигации, одну для поиска и одну для перемещения по меню Используя приведенный ниже код,

<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", я получаю следующий результат:

и переключатель с левой стороны, как и ожидалось.

Как сделать так, чтобы он переключался справа и иконки располагались горизонтально?

Answer 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 like итак:

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