You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Syncfusion Angular菜单实现菜单项在新标签页打开URL

Syncfusion Angular Menu组件实现新标签页打开URL

要实现菜单项点击后在新标签页打开指定URL,只需在对应的MenuItemModel配置中添加target: '_blank'属性即可,Syncfusion Menu组件支持通过该属性控制链接的打开方式。

修改后的代码示例:

@ViewChild('sidebarMenuInstance')
public sidebarMenuInstance: SidebarComponent;
@ViewChild('menu')
private menuObj: MenuComponent;
public menuItems: MenuItemModel[] = [    
  {
    text: 'Menu Item',
    iconCss: 'icon',
    items: [
      {
        text: 'Link', 
        iconCss: 'icon-picture icon', 
        url: 'https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf',
        target: '_blank' // 添加该属性实现新标签页打开
      }
    ],
  }
];

target: '_blank'是HTML链接的标准属性,Syncfusion Menu组件会自动识别并将该属性应用到生成的链接元素上,点击菜单项时就会在新标签页加载目标URL。

内容的提问来源于stack exchange,提问作者DRG

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.18 08:31:12