css - 我们可以将 Mat-card 与 Anchor Tag 一起使用吗？

Question

我想让 mat-card 成为可点击的，当我将鼠标悬停在 mat-card 上时，我想显示链接光标。当我单击要导航到另一个页面的一张卡片时，会有很多卡片。我怎样才能做到这一点？

在我的模板 html 中使用以下代码是否合适。

<a mat-card   routerLink= ...>  Buy  </a>

我的第一次尝试是

        <div fxLayout="row rap">
           <mat-card> 
                <mat-card-content> 
                   <div> $100 </div> 
                   <div> 3000 ETB</div>
               </mat-card-content> 
           </mat-card>
        <mat-card> .... </mat-card>
     </div>

标签： cssangulartypescriptangular-materialmat-card

Answer 1

<a *ngFor="let card of childCards" [routerLink]="[card?.targetUrl]"> 在锚标签内写入垫卡代码。