角树组件创建上下文菜单

Question

我已经成功找到了如何在angular-tree-component上初始化上下文菜单

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

    }
  },

};

但是我找不到有关如何实际构建和显示菜单的任何文档。那么，例如，我将如何显示包含两个项目（操作A，操作B）以及每个项目的点击事件的上下文菜单？

谢谢...

Answer 1

因此，您通过实现 IActionMapping 接口来初始化上下文菜单。现在您需要将其添加到诸如

之类的选项中

 options: ITreeOptions = {
    actionMapping
 };

然后在组件的输入中包含选项，如

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

参考文档here 和一个例子 here

为了构建实际的上下文菜单，您可以查看示例 here