Nebular上下文菜单单击多次触发

编程问答 2022-06-07

问题描述

我正在尝试在*ngFor内使用Nebular Context Menu。

这是我的父母html => 

<div *ngFor="let info of infolist">
    <pb-Box [pbinfo]="info"></pb-Box>
</div>

这是子pb-Box组件=> 

constructor(private nbMenuService: NbMenuService) {}

  ngOnInit(): void {
    console.log("init");
    this.nbMenuService.onItemClick().subscribe((event) => {     
      console.log(event);
    });    
  }

  items = [
    { title: 'Update' },{ title: 'Delete' },];

这是pb-Box html => 

<button [nbContextMenu]="items" 
        nbContextMenuTrigger="click" 
        nbContextMenuTag="pbinfo-menu{{pbinfo.id}}"
        nbButton size="tiny" shape="round" class="btn-pbinfo"
        >Setting</button>

但是当我选择上下文菜单项时，它会触发nbMenuService.onItemClick()事件，作为parent infolist的计数。假设infolist为20时，此事件被触发20次。知道如何防止这种多次触发吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angularangularcontextmenucontextmenunebular