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

您可以通过调用Window对象的open方法并传入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');
  }

单击div Angular时打开新选项卡

1 个答案: