Angular2路由器保留查询字符串

我编写了一个使用路由器的 Angular2 (v2.0.1) 应用程序。该网站加载了多个查询字符串参数，因此完整的 URL 最初如下所示：

https://my.application.com/?param1=val1&param2=val2&param3=val3

在我的路由配置中，我有一个重定向空路由的条目：

const appRoutes: Routes = [
    {
        path: '',
        redirectTo: '/comp1',
        pathMatch: 'full'
    },
    {
        path: 'comp1',
        component: FirstComponent
    },
    {
        path: 'comp2',
        component: SecondComponent
    }
];

我的问题是，应用程序启动后，URL 不再包含查询参数，而是如下所示：

https://my.application.com/comp1

有什么方法可以配置路由器，以便它在导航时保留初始查询字符串吗？

谢谢
Lukas

我认为没有办法在路由配置中定义它。

目前支持routerLink和命令式导航以启用

• 保留查询参数 and
• 保留片段

您可以将守卫添加到空路径路线，其中守卫导航到/comp1路线已完成。

router.navigate(['/comp1'], { preserveQueryParams: true }); //deprecated. see update note

router.navigate(['/comp1'], { queryParamsHandling: "merge" });

有一个PR允许配置preserveQueryParams全球。

更新说明： from https://angular.io/api/router/NavigationExtras, keepQueryParams 已弃用，请改用 queryParamsHandling