角材料，使 <mat-chip> 點擊

Question

我正在使用來自material.angular.io的墊片

<mat-chip-list class="categories">
    <mat-chip><a href="/publication/category/{{category.id}}">
    {{category.name}}</a></mat-chip>
</mat-chip-list>

如果單擊鼠標的中心按鈕，則該鏈接有效並打開另一個選項卡，但是單擊鼠標左鍵將無法打開該鏈接。

我嘗試了class =“ link-overlapping”，但仍然無法正常工作。

Answer 1

您完全不需要錨，您可以直接在mat-chip上使用routerLink ：

<mat-chip-list class="categories">
  <mat-chip [routerLink]="['publication/category', category.id]">
    {{category.name}}
  </mat-chip>
</mat-chip-list>

Answer 2

您嘗試使用routerLink嗎？ 這個對我有用。

  <mat-chip-list class="categories">
      <mat-chip><a [routerLink]="['/your_path']">{{ data }} </a></mat-chip>
    </mat-chip-list>
  </div>