Angular EasyUI 菜单
菜单（ MenuComponent ）通常用于上下文菜单。
菜单（ MenuComponent ）是创建其他菜单组件的基础组件。
菜单（ MenuComponent ）也能用于导航和执行命令。
属性列表
| 名称 |
数据类型 |
作用描述 |
默认值 |
| menuCls |
string |
菜单样式类。 |
null |
| menuStyle |
Object |
菜单内联样式。 |
null |
| menuWidth |
any |
菜单宽度。 |
null |
| inline |
boolean |
为True时,保留在其父元素中，false时位于所有元素之上。 |
false |
| noline |
boolean |
是否在菜单上显示垂直线。 |
false |
| duration |
number |
以毫秒为单位定义持续时间，在鼠标离开菜单时隐藏。 |
100 |
| left |
number |
菜单左侧位置。 |
null |
| top |
number |
菜单顶部位置。 |
null |
| closed |
boolean |
是否关闭菜单。 |
true |
字段列表
| 名称 |
类型 |
作用描述 |
| subItems |
QueryList<MenuItemComponent> |
所有子菜单项。 |
事件列表
| 名称 |
参数 |
作用描述 |
| itemClick |
value:any |
单击菜单项时触发。 |
方法列表
| 名称 |
参数 |
返回值 |
作用描述 |
| findItem |
value:any |
MenuItemComponent |
细选项菜单组件。 |
| show |
left:number,top:number |
void |
显示菜单组件。 |
| showContextMenu |
left:number,top:number |
void |
将菜单组件显示为contextmenu。 |
| showAt |
target:HTMLElement, align:string='left' |
void |
显示菜单组件并对齐到指定的元素。“align”参数值可以是 'left', 'right'。 |
注：
- 继承： None 。
- 选择器： eui-menu 。
使用方法
<eui-menu [inline]="true" (itemClick)="onItemClick($event)">
<eui-menu-item value="new" text="New"></eui-menu-item>
<eui-menu-item text="Open">
<eui-submenu>
<eui-menu-item value="word" text="Word"></eui-menu-item>
<eui-menu-item value="excel" text="Excel"></eui-menu-item>
<eui-menu-item value="ppt" text="PowerPoint"></eui-menu-item>
</eui-submenu>
</eui-menu-item>
<eui-menu-item value="save" text="Save" iconCls="icon-save"></eui-menu-item>
<eui-menu-item value="print" text="Print" iconCls="icon-print" [disabled]="true"></eui-menu-item>
<eui-menu-sep></eui-menu-sep>
<eui-menu-item value="exit" text="Exit"></eui-menu-item>
</eui-menu>