Angular 创建关联菜单的角度树组件
我已经成功地找到了如何初始化angular tree组件上的上下文菜单Angular 创建关联菜单的角度树组件,angular,contextmenu,Angular,Contextmenu,我已经成功地找到了如何初始化angular tree组件上的上下文菜单 const actionMapping: IActionMapping = { mouse: { contextMenu: (tree, node, $event) => { $event.preventDefault(); alert(`context menu for ${node.data.name}`); } }, }; 但我找不到任何关于如何实际构建和显示
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>
请参阅文档
举个例子
为了构建实际的上下文菜单,您可以看到一个示例