路由时传递数据的方式有

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

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

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

 

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

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

Angular 4 路由时传递数据

2. 接收参数的地方

Angular 4 路由时传递数据

3. 显示产品ID

Angular 4 路由时传递数据

4. 效果图

Angular 4 路由时传递数据

 

二、路径中传递参数

1. 修改路由配置

Angular 4 路由时传递数据

2. 使用路径调用

Angular 4 路由时传递数据

3. 接收

Angular 4 路由时传递数据

 4. 效果图

Angular 4 路由时传递数据

 

三、参数快照和参数订阅

snapshot参数快照

Angular 4 路由时传递数据

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

Angular 4 路由时传递数据

 


本文转自Work Hard Work Smart博客园博客,原文链接:http://www.cnblogs.com/linlf03/p/7357141.html,如需转载请自行联系原作者


相关文章:

  • 2022-12-23
  • 2021-04-02
  • 2021-11-08
  • 2022-01-17
  • 2022-12-23
  • 2021-05-20
猜你喜欢
  • 2021-11-27
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案