在路由配置中添加preserveQueryParams选项。这将使得路由器在页面刷新后保留查询参数。
示例代码:
const routes: Routes = [ { path: 'example', component: ExampleComponent runGuardsAndResolvers: 'always', queryParamas: { // 如果你想固定某个查询参数,可以在这里设置 } } ];
@NgModule({ imports: [RouterModule.forRoot(routes, {queryParams :{}})], exports: [RouterModule] })
export class AppRoutingModule { }
在路由配置示例中,我们添加了preserveQueryParams选项,设置为true以保留查询参数。在这个选项下次页面刷新时,查询参数的值将保留下来。