angular - 如何以角度强制关闭 ngx-contextmenu？

Question

在我的 Angular 项目中，我有一个ngx-contextmenu.

我有一个组件，在组件的模板中有如下代码：

<div... [contextMenu]="basicMenu">
<context-menu>.....
</div>

现在，具有此上下文菜单的组件会在一段时间后被销毁！

但是，即使组件被销毁，上下文菜单仍然在屏幕上！！

所以，我的问题是，当我的组件被销毁时，如何强制关闭这个上下文菜单？！

提前致谢！

Answer 1

有ContextMenuService有 closeAllContextMenus方法。OnDestroy您可以在函数中调用它

export class AppComponent implements OnDestroy  {

  @ViewChild(ContextMenuComponent) public basicMenu: ContextMenuComponent;

  constructor(private _contextMenuService: ContextMenuService) {}

  ngOnDestroy() {
     this._contextMenuService.closeAllContextMenus({ eventType: 'cancel'});
  }
}