角度路由参数答案

【问题标题】：Angular Routing Params角度路由参数
【发布时间】：2018-05-17 21:28:34
【问题描述】：

我想知道即使我route/go到另一个页面，路由所拥有的参数是否会保留？

例如：

localhost:4200/welcomepage?param=true => localhost:4200/secondpage?param=true

【问题讨论】：

【解决方案1】：

可以，你可以这样试试，

import { ModuleWithProviders }  from '@angular/core';
import { CanActivate, Routes, RouterModule } from '@angular/router';

/* Component */
import { welcomepage } from '../../modules/welcomepage/welcomepage.component';

const appRoutes: Routes = [
  {
    path: 'welcomepage/:param',
    component: welcomepage
  }
];

export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes);

And in HTML page

<a [routerLink]="['/welcomepage', 'true']">Welcome</a>

在 HTML 页面中，

【讨论】：

【解决方案2】：

导航到另一个页面时，尝试如下传递现有参数

constructor(private route: ActivatedRoute,
private router: Router) { }

const queryParams = Object.assign({}, this.route.snapshot.queryParams);
this.router.navigate(['./secondpage'], { queryParams: queryParams});

【讨论】：