Карта углового материала кликабельна

Question

Я хочу добавить ссылку на маршрутизатор к компоненту mat-card, чтобы сделать карту кликабельной.Мой компонент выглядит так:

<mat-card class="card" >
     <mat-card-content>
          <mat-card-title> {{title}}</mat-card-title>
          <mat-card-subtitle> {{subtitle}} </mat-card-subtitle>
     </mat-card-content>
</mat-card>

Как это сделать?

Спасибо.

Answer 1

<mat-card (click)="doStuff()" class="card" >
     <mat-card-content>
          <mat-card-title> {{title}}</mat-card-title>
          <mat-card-subtitle> {{subtitle}} </mat-card-subtitle>
     </mat-card-content>
</mat-card>

Тогда он должен обработать щелчок

Answer 2

Если вам нужны какие-либо операции перед навигацией. Лучшие практики - это использование метода click для обработки любых операций и навигации,

HTML

<mat-card class="card" (click)="navigate()">
     <mat-card-content>
          <mat-card-title> {{title}}</mat-card-title>
          <mat-card-subtitle> {{subtitle}} </mat-card-subtitle>
     </mat-card-content>
</mat-card>

Ts

import { Router } from '@angular/router';

constructor(private router:Router){
}
navigate(){
//do your any operations
this.router.navigate(['path']);
//also you can pass like this,
 this.router.navigateByURL(['path']);
}

Answer 3

просто используйте routerLink

<mat-card-content  routerLink = "path">