Как открыть ссылку в новой вкладке в угловой 5

У меня есть угловой компонент 5, которому нужно открыть ссылку на новой вкладке, я попробовал следующее:

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

когда я открываю ссылку, приложение замедляется и открывает маршрут, например:

localhost:4200/www.example.com

Мой вопрос: каков правильный способ сделать это в угловом?

Ответ 1

Используйте window.open(). Это довольно просто!

В вашем component.html file-

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

В вашем component.ts file-

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

Ответ 2

просто используйте полный url как href следующим образом:

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

Ответ 3

попробуй это 👇

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

Не нужно использовать '_blank'

'window.open' by default open link in new tab 

Ответ 4

В файле app-routing.modules.ts:

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

В файле component.html:

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

Ответ 5

Возможно, попробуйте что-нибудь подобное

href="#" onclick="location.href='https://www.example.com'; return false;"