百度默认的ai就能用，挺好的

在Angular中，如果你想要在用户离开当前界面（例如，通过点击浏览器的前进或后退按钮）时显示一个提示，你可以使用Angular的路由守卫（Route Guard）来实现这一功能。具体来说，你可以使用CanDeactivate守卫来拦截路由离开的动作，并询问用户是否真的想要离开。

步骤 1: 创建 CanDeactivate 守卫
首先，你需要创建一个CanDeactivate守卫。这个守卫将决定是否允许用户离开当前路由。

import { Injectable } from '@angular/core';
import { CanDeactivate } from '@angular/router';
import { Observable } from 'rxjs';
 
export interface CanComponentDeactivate {
  canDeactivate: () => Observable<boolean> | Promise<boolean> | boolean;
}
 
@Injectable({
  providedIn: 'root'
})
export class CanDeactivateGuard implements CanDeactivate<CanComponentDeactivate> {
  canDeactivate(component: CanComponentDeactivate): Observable<boolean> | Promise<boolean> | boolean {
    return component.canDeactivate ? component.canDeactivate() : true;
  }
}

步骤 2: 在组件中使用 CanDeactivate 守卫
然后，在你的组件中实现CanComponentDeactivate接口，并定义canDeactivate方法。这个方法将返回一个布尔值或者一个承诺（Promise）或Observable，用来决定是否可以离开。

import { Component } from '@angular/core';
import { Observable } from 'rxjs';
import { CanComponentDeactivate } from '../path-to-your-guard/can-deactivate.guard';
 
@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent implements CanComponentDeactivate {
  canDeactivate(): Observable<boolean> | Promise<boolean> | boolean {
    return window.confirm('你确定要离开吗？'); // 弹出确认框询问用户
  }
}

步骤 3: 在路由配置中使用 CanDeactivate 守卫
最后，你需要在应用的路由配置中使用这个守卫。在app-routing.module.ts文件中配置路由时，将canDeactivate属性设置为你的CanDeactivateGuard。

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

通过以上步骤，当用户尝试离开当前界面时，将会触发canDeactivate方法，显示一个确认框询问用户是否真的想要离开。如果用户选择“取消”，则不会离开当前界面；如果选择“确定”，则可以离开。