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?
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");
}
utilisez simplement l’URL complète comme href comme ceci:
<a href="https://www.example.com/" target="_blank">page link</a>
essaye ça ????
window.open(this.url+'/create-account')
Pas besoin d'utiliser '_blank'
`window.open` by default open link in new tab
Dans le fichier app-routing.modules.ts
:
{
path: 'hero/:id', component: HeroComponent
}
Dans le fichier component.html
:
target="_blank" [routerLink]="['/hero', '/sachin']"