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>