Syncfusion Angular菜单实现菜单项在新标签页打开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
相关产品推荐
相关产品推荐

