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 =＆＃34; link-overlapping＆＃34;，但仍然无效。

Answer 1

您完全不需要锚点，只能直接在routerLink上使用mat-chip：

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

Answer 3

我建议这样

<mat-chip><a routerLink="/test" class="mat-standard-chip" style="margin:0; padding:0;">My link</a></mat-chip>

这样当鼠标悬停在屏幕左下方时，链接就会显示出来。

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

3 个答案: