有没有办法在 angular 的目标元素顶部水平打开包含一些图标菜单项的上下文菜单？

Question

我有一个图表编辑器页面，我想在其中打开一个飞行工具栏（这里的飞行工具栏意味着它可以在编辑器中类似于上下文菜单的任何形状上打开）通过单击编辑器的图形元素来执行一些操作手术。但它应该在左键单击时在元素顶部水平打开，这与普通的上下文菜单不同。

知道怎么做吗？

我曾尝试使用 prime ng 上下文菜单，但我没有找到使其水平的方法

Attached picture is what I need.

Answer 1

你可以通过覆盖styles.css[=中的primeng css 类 .p-contextmenu和.p-contextmenu .p-menuitem 14=]

您可以找到示例 here in StackBlitz。

    .p-contextmenu {
        width: 100%;
    }

    .p-contextmenu .p-menuitem {
        float: left;
    }