Angular 2路由导航在新选项卡中运行(使用Angular Router naviagte)

试试这个。

this.router.navigate([]).then(result => {  window.open(link, '_blank'); });

目前我认为angular没有提供任何方法或服务,所以我必须使用 window 对象以在新选项卡中打开链接 window.open(link, '_blank')

这将在新选项卡中打开:

 this._router.navigate([]).then(result => {  window.open( `/customer/edit/${customer_id_param}`, '_blank'); });

要导航到新选项卡,而不是直接调用navigate:

this.router.navigate(routerCommands, { queryParams });

使用 createUrlTree 和 序列化URL ,因此您可以使用navigate()中使用的相同参数构建URL,但无需导航当前选项卡(仅新选项卡):

 const link = this.router.serializeUrl(this.router.createUrlTree(routerCommands, { queryParams }));
 window.open(link, '_blank');

window.open(window.location.href+"/yourRoute", '_blank');

埃斯托·德贝里亚·坦比安·安格鲁:

  abrirVentana() {
var URL = 'https://stackoverflow.com/';
window.open(URL, '_blank');

}