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

发布时间:2019-06-30 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了Angular2入门系列(五)———— 路由参数设置脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

脚本宝典总结

以上是脚本宝典为你收集整理的Angular2入门系列(五)———— 路由参数设置全部内容,希望文章能够帮你解决Angular2入门系列(五)———— 路由参数设置所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。