Angular2 - 使用param导航路由器(RC.4)

时间:2016-08-29 13:12:04

标签: angular angular2-routing

我在http错误代码上使用RC.4处理新路由器。我试图通过网址发送参数,但我有一个"字符问题" ...

以下是我的电话:this._router.navigate(['/error', { errorCode: '401' }]);

这是一个URL,其中包含&#34 ;;"而不是"?" :http://localhost:3000/error;errorCode=401

我想要的是什么:http://localhost:3000/error?errorCode=401

因为当我读这个网址时,它只适用于这个"?" :

this._router.routerState.queryParams.subscribe(params => {
        let errorCode = params['errorCode'];
        ...

(可选 - app.routes.ts):

{
    path: 'error',
    component: ErrorComponent
},

我在互联网上搜索但没有找到任何相关内容,我怎样才能更改&#34 ;;"或者我怎样才能阅读error;errorCode=401

2 个答案:

答案 0 :(得分:2)

如果将它们添加到根路由,则将参数添加为查询参数(使用?)。在子路线上,它们被添加为矩阵参数(使用;)。

因此,如果要将其添加为查询参数,则需要将它们添加到根路径。

答案 1 :(得分:0)

let queryParams = {
  status: 1,
  string: 'abc',
};
this._router.navigate(['/path'], { queryParams: queryParams });