angular-tree-创建上下文菜单的组件

Question

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

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

    }
  },

};

但是我找不到任何关于如何实际构建和显示菜单的文档。那么，例如，我如何显示包含2个项目( Action A，Action B)的上下文菜单，每个项目都有单击事件？

谢谢..。

Answer 1

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

 options: ITreeOptions = {
    actionMapping
 };

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

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

请参阅文档here和示例here

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