1. 在组件中引入ActivatedRoute。

import { ActivatedRoute } from '@angular/router';

2. 通过constructor注入ActivatedRoute。

constructor(private route: ActivatedRoute) { }

3. 在成员变量中声明一个queryParams对象和一个queryParamsSub对象。

queryParams: any; queryParamsSub: any;

4. 在ngOnInit中订阅queryParams的变化。

this.queryParamsSub = this.route.queryParams.subscribe(params => { this.queryParams = params; });

5. 在ngOnDestroy中取消订阅queryParams的变化。

ngOnDestroy() { this.queryParamsSub.unsubscribe(); }

这样，queryParams对象中的更改现在可以通过订阅和取消订阅queryParamsSub来检查。例如，在ngAfterViewInit中添加以下代码：

ngAfterViewInit() { this.queryParamsSub = this.route.queryParams.subscribe(params => { if (this.queryParams != params) { console.log('queryParams have changed!'); } }); }

现在，每当queryParams更改时，该方法都会在ngOnDestroy之前被调用，而不是之后。