html - 如何使用 Angular 在新选项卡中打开链接？

Question

我有一个需要在新选项卡中打开链接的 angular 5 组件，我尝试了以下操作:

<a href="www.example.com" target="_blank">page link</a>

当我打开链接时，应用程序变慢并打开如下路径:

localhost:4200/www.example.com

我的问题是:以 Angular 执行此操作的正确方法是什么？

Answer 1

使用window.open()。这非常简单!

在你的 component.html 文件中-

<a (click)="goToLink('www.example.com')">page link</a>

在你的 component.ts 文件中-

goToLink(url: string){
    window.open(url, "_blank");
}