单击 div Angular 时打开新选项卡

Question

我正在开发一个有角度的项目，我的问题是，当我点击 div 时，我打开一个新选项卡，但它对我不起作用。它工作了<a>. 有人能帮我吗 ？这是我的代码：

<div class="application"   target="_blank" routerLink="/home">
    <img class="imgChart " src="./../assets/img/charts.jpg" alt="image 1">
    <div class="title-app">{{'STORE.APPSTAT' | translate}}</div>
    <p>{{'STORE.DESCRIPTIONSTATISTIQUE' | translate}}</p>
</div>

Answer 1

You can open a window by calling the open method on the Window object and passing in a URL.

Componenet.html:

<div class="application" (click)='openNewTab()'>
    <img class="imgChart " src="./../assets/img/charts.jpg" alt="image 1">
    <div class="title-app">{{'STORE.APPSTAT' | translate}}</div>
    <p>{{'STORE.DESCRIPTIONSTATISTIQUE' | translate}}</p>
</div>

Component.ts:

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