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.当我在按钮标签中包含 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>