角度素材、作り<mat-chip>クリッカブル

Question

I Iは、リンク作品マウスの中央ボタンをクリックして、別のタブを開きますが、私ができない場合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>