angular2-tree-component

Question

需要帮助在angular2-tree-component中实现上下文菜单（右键单击）。请帮助。我已经让树正常工作了。我不知道如何让IActionMapping函数工作。

Answer 1

我所做的是以编程方式触发右键单击上下文菜单。

1. 通过在控制器的树选项中指定操作映射来添加用于右键单击的挂钩：

options: ITreeOptions = {
    actionMapping: {
        mouse: {
            contextMenu: (model: any, node: any, event: any) => {
                this.onContextMenu(event, node.data.name);
                console.log('in context menu...');
            }
        }
    },
};

1. 在树根中将其指定为树选项：

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

1. 在onContextMenu方法中以编程方式触发上下文菜单 - 我使用了ngx-contextmenu