work hard work smart

专注于Java后端开发。 不断总结,举一反三。
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

Angular 4 路由时传递数据

Posted on 2017-08-14 12:53  work hard work smart  阅读(3061)  评论(0编辑  收藏  举报

 路由时传递数据的方式有

1. 在查询参数中传递数据

2. 在路由路径中传递参数

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

 

一.在查询参数中传递数据

在前一节的基础上,我们增加路由数据传递

2. 接收参数的地方

3. 显示产品ID

4. 效果图

 

二、路径中传递参数

1. 修改路由配置

2. 使用路径调用

3. 接收

 4. 效果图

 

三、参数快照和参数订阅

snapshot参数快照

参数订阅  可以自己路由到自己 如product/1 路由到prodct/2