Angular2入门系列(五) 路由参数设置

2017-05-06 10:46

Angular2入门系列(五)———— 路由参数设置
路由配置:

    {
        path: '',
        component: CarProFile,
        children: [
            {
                path: 'add',
                component: CarAdd,
            }
        ]

    }

路由跳转:

this.router.navigate(['add', { id: this.userid, foo: 'foo' }], { relativeTo: this.route });

然后浏览器的url 是这样的,参数很明显。。。

![图片上传中...]

处理方法 skipLocationChange

this.router.navigate(['add', { id: this.userid, foo: 'foo' }], { relativeTo: this.route , skipLocationChange: true });

注意:用此方法处理后,会导致页面的后退按钮失效。