用途:指导在 Angular 应用中实现、配置和自定义 Syncfusion ContextMenu 组件,用于右键或触摸长按呼出上下文菜单,并处理菜单点击、动态更新与外观定制。
主要能力:动态增删菜单项(insertBefore、insertAfter、removeItems)、启用禁用(enableItems)、显示隐藏(showItems、hideItems);多级嵌套菜单;从数组或对象数据绑定;自定义动画(FadeIn、SlideDown、ZoomIn、None);itemTemplate 自定义模板与富内容;select、open、close 事件处理;图标与 URL 导航;enableScrolling 滚动菜单;键盘与无障碍支持。
使用方式:需安装 @syncfusion/ej2-angular-navigations 与 @syncfusion/ej2-navigations,采用 standalone 架构。通过 ejs-contextmenu 设置 target、[items] 等属性,menuItems 为 MenuItemModel[],每项可含 text、id、items、separator、iconCss、url、htmlAttributes。可调用 insertAfter、removeItems、enableItems 等方法,事件中按 args.item.text 判断执行动作。
适用场景:编辑器或列表的右键操作菜单、按上下文显示不同项、树形/嵌套菜单、富模板菜单、菜单触发对话框或页面跳转。
限制:关于费用、价格、授权与平台支持等资料暂未提供;启用 enablePersistence 会将状态存入 localStorage;enableHtmlSanitizer 默认 true,仅在完全信任 HTML 来源时才可设为 false。