如何在RouterLink中封装按钮，以便在单击按钮时不会出现导航

import { Component, HostListener } from '@angular/core';
import { Router } from '@angular/router';

@Component({
  selector: 'app-button-link',
  template: '<button (click)="handleClick()">Click me</button>',
})
export class ButtonLinkComponent {
  constructor(private router: Router) {}

  @HostListener('click', ['$event'])
  handleClick(event: MouseEvent) {
    event.preventDefault();
    // 处理按钮点击事件，例如执行一些逻辑操作
  }
}

<app-button-link></app-button-link>