在条件下禁用星云上下文菜单

时间:2018-12-21 06:07:56

标签: angular angular6 nebular

我将Angular 6与Nebular一起使用,我需要在表行上显示Nebular上下文菜单,并且应根据表列的状态启用或禁用上下文菜单。 Html code[![][1]] 2 [enter image description here] 3 [expected ] 4

用例类似于附件的屏幕快照,但是如果分配了状态,则菜单项应基于状态禁用,而应该禁用其他菜单项。

1 个答案:

答案 0 :(得分:1)

不幸的是,无法将菜单项设置为disabled(这是可用的Nebular菜单属性https://akveo.github.io/nebular/docs/components/menu/api#nbmenuitem的列表)。 但我相信,在您的情况下,您可以简单地将[nbPopover]指令与内部自定义动作列表一起使用。这是一个简单的示例: https://stackblitz.com/edit/github-vsh77o-rybmjw

希望有帮助!