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

作者: 窗外的雪儿飞 | 来源:发表于2021-01-15 18:23 被阅读0次

如何在Angular中跳转新Tab标签页
AngularJS学习第四天：购物车功能
AngularJS学习第五天：订单列表
Firefox个人配置简要
Chrome快捷键
AngularJS学习第三天：用户地址管理
做了一个小东西。
【一周采集】#01
Chrome浏览器切换标签页快捷键+其他
React 跳转新的标签页

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

如何在Angular中跳转新Tab标签页
技巧使用了Angular路由API提供的serializeUrl()方法，将urlTree序列化成字符串。
AngularJS学习第四天：购物车功能
相关文章推荐 Angular学习第一天：登录功能Angular学习第二天：tab标签页切换效果Angular学习第...
AngularJS学习第五天：订单列表
相关文章推荐 Angular学习第一天：登录功能Angular学习第二天：tab标签页切换效果Angular学习第...
Firefox个人配置简要
扩展 Tab Mix Plus加强标签页功能可以实现在紧邻标签页打开新标签页；屏幕外标签页当前屏幕显示；快捷键跳...
Chrome快捷键
官方地址打开新的标签页，并跳转到该标签页 Ctrl + t 关闭当前标签页 Ctrl + w 或 Ctrl + ...
AngularJS学习第三天：用户地址管理
相关文章推荐 Angular学习第一天：登录功能Angular学习第二天：tab标签页切换效果今天我们来做一下电...
做了一个小东西。
写了一个chrome浏览器的新标签页小插件，暂时起名叫 Fries Tab（?薯条新标签页）。 logo如下：主...
【一周采集】#01
1、浏览器中对标签页进行操作的快捷键： Control + Tab: 切换到当前标签页右侧的标签页，已经是窗口最右...
Chrome浏览器切换标签页快捷键+其他
1 关于标签页的快切换快捷键Ctrl + Tab 向左切换标签页Ctrl + shift + Tab 向右切换Ct...
React 跳转新的标签页
大家应该都知道window.location.href 是在当前标签页跳转,那如果要在新标签页我们通常都用wind...