Невозможно назначить нажатие кнопки кнопкам в теге привязки angular

Question

здесь я пытаюсь нажать кнопку под тегом привязки, но когда я пытаюсь щелкнуть тег привязки, вместо этого нажимается кнопка ниже - это мой код

<mat-nav-list *ngFor="let data of List;let i = index" >
      <a mat-list-item [routerLink]="[ '/transg',data.Id]">
        <span matLine>{{data.Name}}</span>
        <button mat-icon-button (click)="onEdit($event)">
          <mat-icon>edit</mat-icon>
      </button>
      <button mat-icon-button (click)="onRemove($event)">
          <mat-icon>delete</mat-icon>
      </button>
      </a>

      <mat-divider></mat-divider>
    </mat-nav-list>

я пробовал

<button mat-icon-button (click)="$event.stopPropagation();onEdit($event)">
          <mat-icon>edit</mat-icon>