角材料，使 <mat-chip> 可点击

Question

我正在使用 material.angular.io 中的 mat-chips

<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

你根本不需要锚点，你可以routerLink直接使用mat-chip：

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