Angular: Как мне go перейти на другой маршрут, если я дважды нажимаю кнопку?

Question

Сначала показываю домашнюю страницу.

After I click the "Sayfaya git" button it shows the list page.

введите описание изображения здесь

Что я хочу сделать: когда я снова нажимаю кнопку, он должен go перейти на главную страницу.

как я могу это сделать?

app.component. html

<div>
  <h1>Merhaba dünya</h1>
  <button [routerLink]="['/list']"  > Sayfaya git</button>
</div>

<div>
  <router-outlet></router-outlet>
</div>

Маршруты

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import {HomeComponent} from './home/home.component';
import {ListComponent} from './list/list.component';

const routes: Routes = [
{path:"",component: HomeComponent},
{path:"list",component: ListComponent},

];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

Answer 1

Используйте dblclick

<button (click)="onSingleClickNavigate()" 
        (dblclick)="onDoubleClickNavigate($event)"
>Sayfaya git</button>

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

constructor(private router: Router) {}

onSingleClickNavigate() {
   this.router.navigate(['/list']);
}

onDoubleClickNavigate(event) {
   event?.preventDefault(); // Prevents single click behavior
   this.router.navigate(['/home']);
}