首页 > 解决方案 > 在条件下禁用星云上下文菜单

问题描述

我将 Angular 6 与 Nebular 一起使用,我需要在表格行上显示星云上下文菜单,并且应根据表格列状态启用或禁用上下文菜单。 html代码[![][1]] 2 [ 在此处输入图像描述] 3 [ 预期的] 4

用例类似于附加的屏幕截图,但如果分配了状态,则菜单项应根据状态禁用,它们可能是不同的菜单项应禁用。

标签: angularangular6nebular

解决方案


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

希望能帮助到你!


推荐阅读