新しいタブでリンクを開く必要があるangular 5コンポーネントがあるため、次のことを試しました。
<a href="www.example.com" target="_blank">page link</a>
リンクを開くと、アプリケーションが遅くなり、次のようなルートが開きます。
localhost:4200/www.example.com
私の質問は、これを角度で行う正しい方法は何ですか?
window.open()
を使用します。とても簡単です!
component.html
ファイルで
<a (click)="goToLink("www.example.com")">page link</a>
component.ts
ファイルで
goToLink(url: string){
window.open(url, "_blank");
}
次のようにhrefとして完全なURLを使用するだけです:
<a href="https://www.example.com/" target="_blank">page link</a>
これを試して ????
window.open(this.url+'/create-account')
'_blank'
を使用する必要はありません
`window.open` by default open link in new tab
app-routing.modules.ts
ファイル内:
{
path: 'hero/:id', component: HeroComponent
}
component.html
ファイル内:
target="_blank" [routerLink]="['/hero', '/sachin']"