下拉菜单(Dropdown)

您所在的位置:网站首页 右键下拉菜单如何调整到右边 下拉菜单(Dropdown)

下拉菜单(Dropdown)

2024-07-16 20:15| 来源: 网络整理| 查看: 265

API#[nz-dropdown]#参数说明类型默认值[nzDropdownMenu]Dropdown 下拉菜单组件NzDropdownMenuComponent-[nzDisabled]菜单是否禁用boolean-[nzPlacement]菜单弹出位置'bottomLeft' | 'bottomCenter' | 'bottomRight' | 'topLeft' | 'topCenter' | 'topRight''bottomLeft'[nzTrigger]触发下拉的行为'click' | 'hover''hover'[nzClickHide]点击后是否隐藏菜单booleantrue[nzVisible]菜单是否显示,可双向绑定boolean-[nzOverlayClassName]下拉根元素的类名称string-[nzOverlayStyle]下拉根元素的样式object-(nzVisibleChange)菜单显示状态改变时调用,参数为 nzVisibleEventEmitter-

菜单使用 nz-menu,还包括菜单项 [nz-menu-item],分割线 [nz-menu-divider]。

注意:nz-dropdown 下的 [nz-menu] 默认不可选中。如果需要菜单可选中,可以指定 .

nz-dropdown-menu 内 [nz-menu] 的 nzMode 只可以是默认值 vertical。

nz-dropdown-menu#

用于包裹菜单项,可以通过 nzDropdownMenu 模板变量导出后传入 [nz-dropdown] 和 NzContextMenuService。

注意:每个 nz-dropdown-menu 只能作为一个 [nz-dropdown] 的输入项

Hover me 1st menu item 2nd menu item 3rd menu item NzContextMenuService#

用于右键弹出下拉菜单,具体参见示例

方法/属性说明参数返回create创建右键菜单($event:MouseEvent | {x:number, y:number}, menu:NzDropdownMenuComponent)EmbeddedViewRefclose关闭右键菜单--


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3