离子：侧面菜单在打开模态之前不会关闭

Question

在Ionic 3中，我试图在侧边菜单中打开一个模态：

  <ion-item menuClose (click)="presentProductModal()"> Add Product</ion-item>

打开侧面菜单时，屏幕的其余部分失去焦点。选择模态链接后，侧面菜单消失。但是，模态和主屏幕仍然没有聚焦。 我猜这里有一些时间/承诺问题，但我不知道该怎么做。 有一些解决方法吗？

以下是展示问题的两张图片（“添加产品”链接打开模态）：

提前致谢！

Answer 1

您可以使用菜单输出事件：ion-close。

收听此事件，并在菜单关闭后打开模式。

在此处阅读有关菜单输出事件的详情：menu close event

或

从ion-item中删除menuClose指令。在单击功能中，使用close方法以编程方式关闭菜单。在此处阅读更多相关信息：Close menu programmatically.

此方法将返回一个承诺，该承诺将在菜单完全关闭时解析，然后您可以在其解析中打开该模式。

this.menuController.close(<your menu id>).then(() => {
   this.modal.create.....
})

Answer 2

模态的模板只是缺少包装标签。

Answer 3

您可以使用MenuController

import { MenuController } from 'ionic-angular';
constructor(public menuCtrl: MenuController) {
 }  
     If you want to close menu please use close() event

      this.menuCtrl.close()

     If you want to open menu please use open() event

      this.menuCtrl.open();