首页 > 代码库 > Angular 4 路由时传递数据

Angular 4 路由时传递数据

 路由时传递数据的方式有

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

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

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

 

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

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

技术分享

2. 接收参数的地方

技术分享

3. 显示产品ID

技术分享

4. 效果图

技术分享

 

二、路径中传递参数

1. 修改路由配置

技术分享

2. 使用路径调用

技术分享

3. 接收

技术分享

 4. 效果图

技术分享

 

三、参数快照和参数订阅

snapshot参数快照

技术分享

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

技术分享

 

Angular 4 路由时传递数据