Angular 7 Guard重定向仅在双击时有效

import { Injectable } from '@angular/core';
import { CanActivate, Router } from '@angular/router';
import { Observable } from 'rxjs';
import { debounceTime } from 'rxjs/operators';

@Injectable()
export class DoubleClickGuard implements CanActivate {
  constructor(private router: Router) {}

  canActivate(): Observable<boolean> {
    return new Observable<boolean>(observer => {
      // 在这里处理双击事件
      // 使用debounceTime延迟处理双击事件
      // 如果是双击，则重定向到指定路由
      // 否则，返回true继续导航
      observer.next(true);
      observer.complete();
    }).pipe(debounceTime(300));
  }
}

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { DoubleClickGuard } from './double-click.guard';

const routes: Routes = [
  {
    path: 'example',
    canActivate: [DoubleClickGuard],
    // 其他路由配置...
  },
];

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