menuClose 没有关闭我的左侧菜单

Question

大家好，我目前正在开发一个使用 ionic 的项目，菜单出现的问题比应有的要多。

最近我一直在尝试添加菜单关闭属性，但我把它放在哪里似乎并不重要。我一直通过单击操作、离子项目前置和其他失败的尝试来放置它。

下面是我的 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>

Answer 1

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

只需要用切换按钮封装按钮

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

如何在 Ionic 4 中切换菜单