IONIC: необходимо установить боковое меню в правой части заголовка приложения

Question

У меня есть два меню в верхнем меню. Левое боковое «Меню бургера» и правое боковое меню с символом «Добавить». Содержание html для двух меню включено в отдельный side-menu.html [не в app.html]. идентификатор для левого меню - «menuLeft», а идентификатор для правого меню - «menuRight»

Меню Burger появляется на главной странице и после перехода к дочернему меню оно заменяется кнопкой BACK. Это ожидается, и я доволен этим.

Правое меню не включено ни на одной из страниц. Я включил приведенный ниже код только в один из html-файлов дочернего меню, где должно появиться правильное меню.

<ion-navbar>
    <ion-title>{{name}}</ion-title>
    <button ion-button end>
        <ion-icon name="add"></ion-icon>
      </button>
</ion-navbar>

В соответствующем файле * .ts я включил правильное меню в ionViewWillEnter

ionViewWillEnter() {
    this.menu.enable(true, 'menuRight');
  }

Теперь у меня есть две проблемы. 1. Когда я включаю menuToggle в тег кнопки, меню исчезает. Но я хочу, чтобы меню появилось, и у меня должна быть функция переключения меню

2. Я могу заставить правильное меню появляться только тогда, когда атрибут menuToggle не упоминается. И все же он не появляется в правом конце заголовка, он появляется непосредственно перед заголовком. См. Скриншот прилагается.

3. Не уверен, почему я получаю фон для кнопки «Добавить». Можно ли сделать его прозрачным?

Пожалуйста, дайте мне знать, если вам нужно больше информации. Заранее спасибо

Answer 1

Измените панель навигации, чтобы меню появилось справа, и мне нужно больше информации, чтобы ответить на другие вопросы.Где вы размещаете menuToggle?

<ion-navbar>
  <ion-title>{{name}}</ion-title>
  <ion-buttons right>
    <button ion-button>
      <ion-icon name="add"></ion-icon>
    </button>
  </ion-buttons>
</ion-navbar>