it-swarm-eu.dev

Come aprire il collegamento in una nuova scheda in angular 5

Ho un angular 5 che deve aprire un collegamento in una nuova scheda, ho provato quanto segue:

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

quando apro il collegamento, l'applicazione diventa lenta e apre un percorso come:

localhost:4200/www.example.com

La mia domanda è: qual è il modo corretto di farlo in angolare?

17
AlejoDev

Usa window.open(). È abbastanza semplice!

Nel tuo component.html file-

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

Nel tuo component.ts file-

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

usa l'URL completo come href in questo modo:

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

prova questo ????

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

Non è necessario utilizzare '_blank'

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

Nel app-routing.modules.ts file:

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

Nel component.html file:

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