如何在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序列化成字符串。

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

推荐阅读更多精彩内容