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

Question

我有一个按钮和一个放置了定位标记的按钮，并且已将click事件绑定到定位标记，我想在新选项卡中将其打开。我曾尝试使用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 };
  }

Answer 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