angular2 从路由器获取可选参数

Question

我正在使用 angular 2 版本 rc4 和路由器版本 3.0.0-beta.2。

鉴于此 url：http://localhost:8888/#/test;status=07 我想获取状态可选参数的值。据我所知，这段代码应该有效：

console.log("status", this._activatedRoute.snapshot.params['status']);

但是我对此没有定义。有趣的是这段代码给了我正确的值：

console.log("urlsegment", this._activatedRoute.snapshot['_urlSegment'].pathsWithParams[0].parameters['status']);

我不明白为什么？我做错了什么？第二种解决方案非常丑陋，所以我真的不想使用它。

欢迎任何帮助。

编辑： main.ts:

bootstrap(App, [
   APP_ROUTER_PROVIDERS, ..Some other stuff..]).then((appRef) => AppInjector(appRef.injector));

app.routes.ts:

export const routes: RouterConfig = [
    {path: 'admin', component: FrontComponent, children: [...FrontRoutes]},
    {path: '', component: PublicComponent, children: [ ...PublicRoutes]}
];

export const APP_ROUTER_PROVIDERS = [
    provideRouter(routes)
];

public.routes.ts:

export const PublicRoutes: RouterConfig = [
    {path: '', redirectTo: '/dashboard', terminal: true, canActivate:[CanActivateGuard]},
    {path: 'test', component: TestRouterComponent, children: [...TestRoutes]},
    {path: 'dashboard', component: DashboardRouterComponent, children: [...DashboardRoutes]},
];

test.routes.ts:

export const TestRoutes: RouterConfig = [
    {path: '', component: TestComponent, canActivate:[CanActivateGuard]},
    {path: 'detail/:id', component: TestDetailComponent, canActivate:[CanActivateGuard]},
];

我使用路由器导航的方式：

this._router.navigate(['test', {status:07}]);

Answer 1

可选参数添加到特定路由。如果将它们添加到父路由或子路由，您将无法获取它们。

_activatedRoute.parent.queryParams.subscribe(params => console.log(params['s‌tatus']));, _activatedRoute.firstChild.queryParams.subscribe(params => console.log(params['s‌tatus']));

parent、firstChild、children是RC.6

中添加的便捷方法

angular2 从路由器获取可选参数

angular2 get optional parameter from router

angular

router

optional-parameters