У меня есть угловой компонент 5, которому нужно открыть ссылку на новой вкладке, я попробовал следующее:
<a href="www.example.com" target="_blank">page link</a>
когда я открываю ссылку, приложение замедляется и открывает маршрут, например:
localhost:4200/www.example.com
Мой вопрос: каков правильный способ сделать это в угловом?
Используйте window.open(). Это довольно просто!
В вашем component.html file-
<a (click)="goToLink("www.example.com")">page link</a>
В вашем component.ts file-
goToLink(url: string){
window.open(url, "_blank");
}
просто используйте полный url как href следующим образом:
<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']"
Возможно, попробуйте что-нибудь подобное
href="#" onclick="location.href='https://www.example.com'; return false;"