Angular 创建关联菜单的角度树组件

Angular 创建关联菜单的角度树组件,angular,contextmenu,Angular,Contextmenu,我已经成功地找到了如何初始化angular tree组件上的上下文菜单 const actionMapping: IActionMapping = { mouse: { contextMenu: (tree, node, $event) => { $event.preventDefault(); alert(`context menu for ${node.data.name}`); } }, }; 但我找不到任何关于如何实际构建和显示

我已经成功地找到了如何初始化angular tree组件上的上下文菜单

const actionMapping: IActionMapping = {
  mouse: {
    contextMenu: (tree, node, $event) => {
      $event.preventDefault();
      alert(`context menu for ${node.data.name}`);

    }
  },

};
但我找不到任何关于如何实际构建和显示菜单的文档。例如,我如何显示包含两个项目的上下文菜单{操作a,操作B),每个项目都有单击事件


谢谢…

所以您通过实现IActionMapping接口初始化了上下文菜单。现在您需要将其添加到如下选项中

 options: ITreeOptions = {
    actionMapping
 };
然后在组件的输入中包括选项,如

<tree-root [nodes]="nodes" [options]="options"></tree-root>

请参阅文档 举个例子

为了构建实际的上下文菜单,您可以看到一个示例