單擊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

您可以通過調用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');
  }