angularjs路由传参的三种方式

1,查询传参方式

  1.1  比如链接到product组件,queryParams中是所带参数

1.2在product组件中打印所传参数

2,在路径中传参方式

    2.1 在路由配置文件中,app-routing-module.ts 定义好参数的名字


    2.2 在链接的url写上参数的值


   2.3 在producd中打印传来的参数


3,在路由配置中传递参数

3.1在路由配置文件app-routing-module


3.2在product中获取参数


参数快照和参数订阅

1,参数快照是指:页面切换路由时如果切换的是同一页面,传的参数不一样,但接收参数值不会跟着变化

以上 this.ActivateRoute.snapshot   这个就是参数快照的取值方式

2,参数订阅 页面切换路由时如果切换的是同一页面,传的参数不一样,接收的参数值会跟着变化,以下是参数订阅取值方式

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容