Question

在Angular应用程序（v4.3.6）中，我有一个搜索页面，其中搜索参数保存在URL中。例如：https://mysite/#/search?q=queryText&page=3

要求是用户可以将填充了搜索参数的URL传递给其他用户以共享相同的搜索结果。一切正常，除非刷新页面，因为在这种情况下，所有查询参数（存在于URL中）都会被忽略，因此在页面加载后会丢失。

我们的路由文件：

const routes: Routes = [
{ path: "", redirectTo: "/home", pathMatch: "full" },
{ path: "home", component: HomeComponent },
{ path: "search", component: SearchComponent },
{ path: "404", component: NotFoundComponent },
{ path: "**", redirectTo: "/404" },
];

使用新queryParams更新网址的服务文件：

public updateUrl(state) {

    // Here logic to transform state into proper queryParams format

    this.router.navigate(["/search"], {
       queryParams: params,
       queryParamsHandling: "merge",
       replaceUrl: true,
    });
}

在页面刷新时，Angular仅保留routeParams但不保留queryParams（即使它们在URL中可用）。

是否可以通过适当的设置坚持页面刷新，或者唯一的方法是在本地保存并恢复它们？

Angular QueryParams未在页面加载时获取

0 个答案: