it-swarm.com.de

So öffnen Sie den Link in einem neuen Tab in angular 5

Ich habe eine angular 5-Komponente, die einen Link in einem neuen Tab öffnen muss. Ich habe Folgendes versucht:

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

wenn ich den Link öffne, wird die Anwendung langsam und öffnet eine Route wie:

localhost:4200/www.example.com

Meine Frage ist: Was ist der richtige Weg, um dies in eckigen zu tun?

17
AlejoDev

Verwenden Sie window.open(). Es ist ziemlich einfach!

In deinem component.html Datei-

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

In deinem component.ts Datei-

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

benutze einfach die vollständige URL wie folgt:

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

versuche dies ????

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

Keine Notwendigkeit, '_blank' Zu verwenden

`window.open` by default open link in new tab 
3
DINESH Adhikari

In dem app-routing.modules.ts Datei:

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

In dem component.html Datei:

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