web-dev-qa-db-fra.com

Comment ouvrir le lien dans un nouvel onglet dans angular 5

J'ai un composant angular 5 qui doit ouvrir un lien dans un nouvel onglet, j'ai essayé les solutions suivantes:

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

lorsque j'ouvre le lien, l'application devient lente et ouvre un itinéraire tel que:

localhost:4200/www.example.com

Ma question est la suivante: quelle est la bonne façon de procéder en mode angulaire?

17
AlejoDev

Utilisez window.open(). C'est assez simple!

Dans votre fichier component.html

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

Dans votre fichier component.ts

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

utilisez simplement l’URL complète comme href comme ceci:

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

essaye ça ????

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

Pas besoin d'utiliser '_blank'

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

Dans le fichier app-routing.modules.ts:

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

Dans le fichier component.html:

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