当离子菜单按钮在离子中关闭时如何触发功能

Posted 2023-03-13

【中文标题】当离子菜单按钮在离子中关闭时如何触发功能

【英文标题】：How to trigger a function when the ion-menu-button is closed in ionic

【发布时间】：2020-05-27 16:39:45

【问题描述】：

如何在离子菜单按钮关闭时触发功能。 我有一个像这样的离子菜单按钮

<ion-buttons slot="end"   >
  <ion-menu-button menu="admin"  >
    <ion-icon name="more" ></ion-icon>
  </ion-menu-button>
</ion-buttons>

请告诉我如何在离子菜单按钮关闭时触发功能。

https://imgur.com/a/Vz2XpGq。这是菜单列表

【问题讨论】：

你想在什么时候触发哪个函数？

我只想在 ion-button 关闭时触发一个用户定义的功能。就像登录到控制台说菜单关闭一样。实际上我的目的是检索一个 id 并存储在菜单关闭时的本地存储

您可以使用 (ionWillClose)="some method" 或 (ionDidClose)="some method"

@Mostafa Harb 我试过了，但它不起作用'

当我单击离子菜单关闭列表中的名称时，我已经显示了一个图像。但是控制台中没有记录任何内容

【参考方案1】：

那是因为ion-menu-button 不会发出任何事件，它只是一个控制器，所以它甚至没有任何意义发出任何东西。您可以将 ionDidClose / ionWillClose 事件附加到ion-menu 实例本身或订阅MenuController。实现您需要的一种非常简单的方法（如果您真的需要将事件附加到按钮本身）是使用(click) 事件。

如果您需要更多信息，请访问 Ionic 文档：https://ionicframework.com/docs/v3/api/components/app/MenuController/ 和 (https://ionicframework.com/docs/api/menu#events。

【讨论】：

Jiri Kraloevec . 你能给我一个代码 sn-p 显示如何在离子菜单上附加 ionDidClose

当滑块在点击列表时关闭时，我想从菜单中检索一个 id，如图所示。

在这种情况下，您可以使用回调函数通过 MenuController (MenuController.open([id])) 打开特定菜单。抱歉，我无法为您提供示例 atm..