angular2:相同路由和组件，但参数不同，调用canDeactivate

import { Injectable } from '@angular/core';
import { CanDeactivate } from '@angular/router';
import { Observable } from 'rxjs';

@Injectable()
export class CanDeactivateGuard implements CanDeactivate<ComponentName> {
  canDeactivate(
    component: ComponentName,
    currentRoute: ActivatedRouteSnapshot,
    currentState: RouterStateSnapshot,
    nextState?: RouterStateSnapshot
  ): Observable<boolean> | Promise<boolean> | boolean {
    // 在这里执行你的逻辑，例如检查表单是否已保存或用户是否有未完成的操作
    // 如果允许导航，返回true；否则返回false
    return true;
  }
}

import { CanDeactivateGuard } from './can-deactivate.guard';

const routes: Routes = [
  {
    path: 'example',
    component: ComponentName,
    canDeactivate: [CanDeactivateGuard]
  }
];