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>
"

How to toggle Menu in Ionic 4

Answer 2

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

Ionic 5 control menu and submenu close and dropdown

menuClose没有关闭我的左侧菜单

2 个答案: