zl程序教程

您现在的位置是:首页 >  工具

当前栏目

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

路由入门 系列 参数设置 Angular2
2023-09-14 08:57:01 时间

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 });

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