angular 刷新 或离开页面时提示用户保存数据 最近收到产品提的这样一个需求，用户在页面操作完成后若用户不小心刷线了页面或者点了后 退 ，这时阻止用户的操作并提示用户数据还未保存。 话不多说上代码 可以这样写 ngOnInit(): void { window.onbeforeunload = (event) => { (event || window.event).returnValue = '还未保存是否离开'; // 这里写关闭时需要处理的时间， 刷新 也会执行这里的方法

在 Angular 中，可以通过路由参数来传递参数并 跳 转 到本页面。如果要 刷新 页面并保留参数，可以使用 `location.reload()` 方法来 刷新 页面。 在需要传递参数的组件中，可以使用 `Router` 服务来构建带参数的路由链接： ```typescript import { Component } from '@ angular /core'; import { Router } from '@ angular /router'; @Component({ selector: 'app-home', template: ` <h2>首页</h2> <button (click)="reloadWithParam()">传递参数并 刷新 页面</button> export class HomeComponent { constructor(private router: Router) { } reloadWithParam() { const params = { id: '123' }; this.router.navigate([], { queryParams: params }).then(() => { location.reload(); 其中，`queryParams` 参数用于传递参数，`location.reload()` 方法用于 刷新 页面。 在需要获取参数的组件中，可以使用 `ActivatedRoute` 服务来获取路由参数： ```typescript import { Component, OnInit } from '@ angular /core'; import { ActivatedRoute } from '@ angular /router'; @Component({ selector: 'app-home', template: ` <h2>首页</h2> <p>ID: {{ id }}</p> export class HomeComponent implements OnInit { id: string; constructor(private route: ActivatedRoute) { } ngOnInit() { this.route.queryParams.subscribe(params => { this.id = params['id']; 其中，`queryParams` 是一个 Observable 对象，用于监听路由参数的变化。在 `ngOnInit()` 生命周期钩子中，可以通过 `subscribe` 方法来订阅路由参数的变化，并获取参数的值。