Angular RouterLink 在新 Window 中打开超链接，而不是选项卡

Question

如何在新 Windows 而不是新标签中打开 Angular 路由器链接？

<a  
  target="_blank"
  [routerLink]="['/product/',productData?.productId]"
>

这在 2020 年的最新 Chrome 中不起作用（仍在打开标签页）

Answer 1

<a onclick="window.open('/product/' + productData?.productId)"></a>

Answer 2

您可以使用window.open方法实现。下面是在新 window.

中打开 link 的示例

<a href="'/product/' + productData?.productId" target="popup" (click)="window.open('/product/' + productData?.productId,'name','width=600,height=400')">Open page in new window</a>

查看此网站以供参考。 https://www.rapidtables.com/web/html/link/html-link-new-window.html

Angular RouterLink 在新 Window 中打开超链接，而不是选项卡

Angular RouterLink Open Hyperlink in New Window, Not Tabs

typescript

angular

angular-routerlink

angular10