在Angular中保存searchParams并进行页面刷新的解决方法可以使用URLSearchParams类来处理URL查询参数。下面是一个示例代码:
import { URLSearchParams } from '@angular/http';
import { ActivatedRoute } from '@angular/router';
constructor(private route: ActivatedRoute) { }
ngOnInit() {
this.route.queryParams.subscribe(params => {
let searchParams = new URLSearchParams(params);
// 保存searchParams到组件变量中
this.searchParams = searchParams;
});
}
getData() {
// 获取查询参数
let page = this.searchParams.get('page');
let size = this.searchParams.get('size');
// 设置查询参数
this.searchParams.set('page', '2');
this.searchParams.set('size', '10');
// 进行页面刷新
window.location.href = '?' + this.searchParams.toString();
}
这样,当页面刷新时,查询参数将会被保留,并且可以在组件中使用。