web-dev-qa-db-ja.com

angular 5の新しいタブでリンクを開く方法

新しいタブでリンクを開く必要があるangular 5コンポーネントがあるため、次のことを試しました。

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

リンクを開くと、アプリケーションが遅くなり、次のようなルートが開きます。

localhost:4200/www.example.com

私の質問は、これを角度で行う正しい方法は何ですか?

17
AlejoDev

window.open()を使用します。とても簡単です!

component.htmlファイルで

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

component.tsファイルで

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

次のようにhrefとして完全なURLを使用するだけです:

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

これを試して ????

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

'_blank'を使用する必要はありません

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

app-routing.modules.tsファイル内:

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

component.htmlファイル内:

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