IONIC：需要在应用程序标题的右侧设置一个侧面菜单

Question

我在标题菜单上有两个菜单。左侧的“汉堡菜单”和带有“添加”符号的右侧菜单。这两个菜单的html内容包含在单独的side-menu.html中[不在app.html上] 左侧菜单的ID为“ menuLeft”，右侧菜单的ID为“ menuRight”

“汉堡”菜单出现在主页上，进入子菜单后，将其替换为“返回”按钮。这是预料之中的，对此我感到满意。

任何页面均未启用“右键”菜单。我仅在需要显示右菜单的子菜单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.当我在button标签中包含menuToggle时，菜单消失。但是我希望菜单出现，并且应该具有菜单切换功能

1. 仅在未提及menuToggle属性的情况下，我才能使右侧菜单出现。而且，它仍未出现在标题的右端，而是出现在标题之前。请参阅所附的屏幕截图。

2. 不确定为什么我要获取“添加”按钮的背景。我可以使其透明吗？

请让我知道是否需要更多信息。预先感谢

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>