要实现“Angular的CDK Overlay模块：CanDeactivateGuard应该启动自定义模态框”的解决方案，你需要遵循以下步骤：

1. 创建一个自定义的模态框组件，可以是一个单独的组件或者是一个Angular Material提供的对话框组件（Dialog）。

2. 在你的CanDeactivateGuard中实现一个方法，以启动模态框并返回一个Observable。这个方法将被用于检查用户是否希望离开当前路由。

   import { Injectable } from '@angular/core';
   import { CanDeactivate } from '@angular/router';
   import { MatDialog } from '@angular/material/dialog';
   import { Observable } from 'rxjs';
   import { YourCustomModalComponent } from './your-custom-modal.component';
   
   @Injectable({
     providedIn: 'root'
   })
   export class CanDeactivateGuard implements CanDeactivate {
     constructor(private dialog: MatDialog) {}
   
     canDeactivate(): Observable {
       const dialogRef = this.dialog.open(YourCustomModalComponent, {
         // 配置你的模态框的属性
       });
   
       return dialogRef.afterClosed();
     }
   }
   

3. 在你的路由配置中使用CanDeactivateGuard并指定要保护的组件。

   import { NgModule } from '@angular/core';
   import { RouterModule, Routes } from '@angular/router';
   import { CanDeactivateGuard } from './can-deactivate.guard';
   import { YourComponent } from './your-component.component';
   
   const routes: Routes = [
     {
       path: 'your-route',
       component: YourComponent,
       canDeactivate: [CanDeactivateGuard]
     }
   ];
   
   @NgModule({
     imports: [RouterModule.forChild(routes)],
     exports: [RouterModule]
   })
   export class YourRoutingModule {}
   

这样，当用户尝试离开该路由时，CanDeactivateGuard将启动你的自定义模态框，并在模态框关闭后返回一个Observable，以确定用户是否可以离开当前路由。