Angular使用链接进入外部页面

Question

使用链接在项目外打开另一个页面

<div class="info-line">
   <mat-icon class="s-20 ml-2">
    language
   </mat-icon>
   <a class="h3" href="https://www.google.kz/">
     Web Page
   </a>
</div>

但点击链接时，打开了这个页面。http:/localhost:4200google.kz. - 本地页面，不是 "google.kz"

如何制作，打开google.kz的外链，而不是试图在本地页面找到？

Answer 1

您可以使用 target="blank" 如下所示。

<a class="h3" href="https://www.google.kz/" target="_blank">

目标

显示链接URL的位置，作为浏览上下文的名称（标签、窗口或 iframe).

_blank注意：通常是一个新的标签，但用户可以将浏览器配置为打开一个新的窗口。

Answer 2

它应该按照你描述的方式工作，但另一种方式是使用document.location api。

例如：在你的组件中

<div class="info-line">
   <mat-icon class="s-20 ml-2">
    language
   </mat-icon>
   <a class="h3" (click)="navigate()">
     Web Page
   </a>
</div>

在你的组件里。

navigate(){
     document.location = "https://www.google.kz/"
}