在新标签页中打开带有点击事件的锚标记答案

【问题标题】：open anchor tag with click event in a new tab在新标签页中打开带有点击事件的锚标记
【发布时间】：2019-02-15 15:19:43
【问题描述】：

我有一个按钮，在里面我放置了锚标签，我已经将点击事件绑定到锚标签，我想在新标签中打开它。我曾尝试使用 target="_blank" 但不起作用。它仍然在同一个选项卡中打开。

 <button class="btn btn-primary"><a target="_blank" (click)="getDirection()">Directions</a></button>

getDirection() {
    this.origin = { lat: 24.799534, lng: 120.975555 };
   // this.origin = { lat: 13.0191018, lng: 77.6642952 };
    this.destination = { lat: 24.799524, lng: 120.975017 };
  }

【问题讨论】：

标签： angular anchor

【解决方案1】：

您可以通过调用 Window 对象的 open 方法并传入一个 URL 来打开一个窗口。

Componenet.html：

<a target="_blank" (click)="getDirection()">Directions</a>

Component.ts：

  public getDirection() {
    window.open('http://www.google.com', '_blank');
  }

Stackblitz：

https://stackblitz.com/edit/angular-vxnrap

【讨论】：

但在我的 getDirection 方法中，我正在传递如上所述的起点和终点。在我的方法中没有这样的 URL。你能帮我实现这个目标吗？
你想对原点做什么？向用户显示或打开 Google 地图？
它基本上在地图视图中打开方向
好的，我明白了，您必须将 URL 传递给该组件才能打开一个包含地图的新选项卡。您还必须通过查询字符串将源和目标参数传递给新窗口，因为组件绑定不起作用。