How to open link in new tab in angular 5

问题

I have an angular 5 component that needs to open a link in new tab, I tried the following:

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

when I open the link, the application gets slow and opens a route like:

localhost:4200/www.example.com

My question is: What is the correct way to do this in angular?

回答1:

Use window.open(). It's pretty straightforward !

In your component.html file-

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

In your component.ts file-

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

回答2:

just use the full url as href like this:

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

回答3:

try this 👇

 window.open(this.url+'/create-account')

No need to use '_blank'

`window.open` by default open link in new tab 

回答4:

In the app-routing.modules.ts file:

{
    path: 'hero/:id', component: HeroComponent
}

In the component.html file:

target="_blank" [routerLink]="['/hero', '/sachin']"

来源：https://stackoverflow.com/questions/52240123/how-to-open-link-in-new-tab-in-angular-5