Angular中的自定义关联菜单

我已经尝试过一个看似完美的图书馆: https://github.com/isaacplmann/ngx-contextmenu ,但它并没有像预期的那样发挥作用。

菜单只是看起来有点破损,无法使用,就像这样:

菜单附加到的元素:

<div 
    id="playhead"
    (mousedown)="movePlayheadByMouse()"
    [contextMenu]="deleteMenu"
>
     <span id="playhead-top">&#9930;</span>
     <div id="playhead-line"></div>
</div>

<context-menu #deleteMenu>
    <ng-template contextMenuItem (execute)="print('click')">X</ng-template>
</context-menu>

打印功能(只是控制台的日志)

private print(val : string) : void
{
  console.log(val)
}

这个ngx上下文菜单组件似乎没有太多支持,所以我有兴趣尝试其他方法。所以我想问大家的问题是:

1) 您知道有其他自定义菜单组件库可以很好地用于此目的吗?

或

谢谢