menuClose 没有关闭我的左侧菜单答案

【问题标题】：menuClose is not closing my left sidemenumenuClose 没有关闭我的左侧菜单
【发布时间】：2020-02-07 17:14:25
【问题描述】：

大家好，我目前正在处理一个 ionic 项目，但菜单出现的问题超出了应有的范围。

最近我一直在尝试添加菜单关闭属性，但我把它放在哪里似乎并不重要。我一直在将它放置在一个点击操作、一个 ion-item prepend 以及其他失败的尝试中。

下面是我的 app.component.html 的一段代码

<ion-menu contentId="potifyMenu" side="start">
  <ion-header>
    <ion-toolbar>
      <ion-title>Additional Resources</ion-title>
    </ion-toolbar>
  </ion-header>
  <ion-content>
    <ion-list>
      <ion-item>
        <ion-button menuClose expand="full" (click)="map_go()">
          <ion-icon name="checkmark-circle-outline"></ion-icon> Completed Work Orders
        </ion-button>
      </ion-item>


      <ion-item>
        <ion-button expand="block" fill="outline" menuClose ion-item (click)="complete_go()">
          <ion-icon name="checkmark-circle-outline"></ion-icon> Completed Work Orders
        </ion-button>
      </ion-item>
      <ion-item>
        <ion-button expand="full" ion-button menuClose (click)="complete_go()">
          <ion-icon name="checkmark-circle-outline"></ion-icon> Cmpleted Work Orders
        </ion-button>
      </ion-item>

      <ion-item>
        <ion-button expand="full" menuClose (click)="complete_go()">
          <ion-icon slot="start" name="checkmark-circle-outline"></ion-icon> Completed Work Orders
        </ion-button>
      </ion-item>


    </ion-list>
  </ion-content>
</ion-menu>

【问题讨论】：

标签： ionic-framework ionic4

【解决方案1】：

从过去的帖子中找到一个解决方案，该解决方案从未出现在我的数百万次搜索中。

只需要用一个开关来封装按钮

"<ion-menu-toggle>
  <ion-button>Toggle Menu</ion-button>
</ion-menu-toggle>
"

How to toggle Menu in Ionic 4

【讨论】：

【解决方案2】：

我遇到了与 menuClose 指令在 ionic 3 中完美地控制切换的问题相同的问题。在 ionic 5 中，使用 ion-menu-toggle 组件在菜单项上切换菜单关闭和打开。如果您不想为具有子菜单的菜单项添加切换菜单，请不要在这些菜单项上使用 ion-menu-toggle 组件。

Ionic 5 control menu and submenu close and dropdown

【讨论】：

理想情况下，您不应只链接答案，以防该链接将来不再有效。