Angular EasyUI 菜单按钮

2020-06-24 17:28 更新

菜单按钮( MenuButtonComponent )是下拉菜单的一部分。与链接按钮( LinkButtonComponent )和菜单( MenuComponent )有关。

属性列表

名称 数据类型 作用描述 默认值
menuAlign string 菜单的对齐方式。可选的值: 'left',  'right'。 left
duration number 以毫秒为单位定义持续时间,以便在按钮悬停时显示菜单。 100
menu MenuComponent 下拉菜单组件。 null

注:
- 继承: LinkButtonComponent 。
- 选择器: eui-menubutton 。

使用方法

<eui-menubutton [menu]="help" [plain]="true" iconCls="icon-help">Help</eui-menubutton>
<eui-menu #help>
    <eui-menu-item text="Help"></eui-menu-item>
    <eui-menu-item text="Update"></eui-menu-item>
    <eui-menu-item text="About"></eui-menu-item>
</eui-menu>

  • 参考图例:

以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号