时间戳

首页 > 解决方案 > 在新标签页中打开带有点击事件的锚标记

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

问题描述

我有一个按钮，在里面我放置了锚标签，并且我已经将点击事件绑定到锚标签，我想在新标签中打开它。我曾尝试使用 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 };
  }

标签： angularanchor

解决方案

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

组件网.html：

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

组件.ts：

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

堆栈闪电战：

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

推荐阅读