码迷,mamicode.com
首页 > 其他好文 > 详细

Angular 4 路由时传递数据

时间:2017-08-14 13:26:39      阅读:936      评论:0      收藏:0      [点我收藏+]

标签:方式   snapshot   自己   基础上   调用   基础   传递参数   查询参数   image   

 路由时传递数据的方式有

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

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

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

 

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

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

技术分享

2. 接收参数的地方

技术分享

3. 显示产品ID

技术分享

4. 效果图

技术分享

 

二、路径中传递参数

1. 修改路由配置

技术分享

2. 使用路径调用

技术分享

3. 接收

技术分享

 4. 效果图

技术分享

 

三、参数快照和参数订阅

snapshot参数快照

技术分享

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

技术分享

 

Angular 4 路由时传递数据

标签:方式   snapshot   自己   基础上   调用   基础   传递参数   查询参数   image   

原文地址:http://www.cnblogs.com/linlf03/p/7357141.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!