我如何插入<mat-toolbar>带有 Angular 材料的可点击徽标？</mat-toolbar>

Question

有没有办法在<mat-toolbar>中插入可点击的徽标？ 我正在使用 Angular 材料，我想在以下 html 代码中插入可点击的图像而不是<span>aPHrodite</span> ，以便拦截该图像上的点击事件。

<mat-toolbar>
  <button mat-button [matMenuTriggerFor]="menu">
    <mat-icon>menu</mat-icon>
  </button>
  <mat-menu #menu="matMenu">
        ....
  <span>aPHrodite</span>
  <span class="spacer"></span>
        ....
</mat-toolbar>

Answer 1

带有点击监听器的图片标签？

<mat-toolbar>
  ...
  <img [src]="myImageUrl" (click)="myMethod()">
  ...
</mat-toolbar>