如何在Angular中跳转新Tab标签页

<a (click)="navigateNewTab()">点击我跳转新标签页</a> 

navigateNewTab() {
  const url = this.router.serializeUrl(
    this.router.createUrlTree(['/new-page-router-path'])
  );
  window.open(url, '_blank', 'noopener'); // 第三个参数是防止网络钓鱼攻击
}
  • 技巧

使用了Angular路由API提供的serializeUrl()方法，将urlTree序列化成字符串。

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容