открыть тег привязки с событием клика в новой вкладке

Question

У меня есть кнопка, внутри которой я поместил тег привязки, и я связал событие щелчка с тегом привязки, я хочу открыть его в новой вкладке.Я пытался с 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

Вы можете открыть окно, вызвав метод open объекта Window и передав 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