Angular 9：如何使用带有查询字符串的 route.navigate() 在新选项卡中打开 URL？答案

【问题标题】：Angular 9: how to open URL in a new tab using route.navigate() with query string?Angular 9：如何使用带有查询字符串的 route.navigate() 在新选项卡中打开 URL？
【发布时间】：2020-12-23 15:04:28
【问题描述】：

在我们的应用程序中，在表格中单击按钮时，我需要打开一个新选项卡，其中包含表格中记录的详细信息。使用下面的代码，我正在导航到一个新的 URL。在新页面上，解析器用于从后端获取详细信息。现在的问题是我想在新标签页中打开它。

 this.router.navigate(['/url/test'], {
      queryParams: {ip},
    });

我尝试了以下代码。但这似乎不起作用。它正在重定向到默认 URL：

    this.router.navigate([]).then((result) => {
      window.open('/url/test?aa=' + aa, '_blank');
    });

任何帮助将不胜感激。

【问题讨论】：

你不用router打开一个窗口。去掉对router.navigate的调用，直接调用window.open。

标签： javascript angular angular2-routing

【解决方案1】：

我使用 useHash 作为我的 url，所以当我在 url 中使用 hash 导航时它开始工作。

    this.router.navigate([]).then((result) => {
      window.open('/#/url/test?aa=' + aa, '_blank');
    });

【讨论】：