FCat— angular4 ActivatedRoute 参数传递

FCat项目地址: https://gitee.com/xfdm/FCat
欢迎加入QQ群交流:549141844

1、概念解读
ActivatedRoute:服务来接收路由的参数
switchMap:操作符是因为处理路由参数的可观察对象Observable

2、传单个参数案例
向路由中添加参数:

FCat— angular4 ActivatedRoute 参数传递_第1张图片
image.png

路由配置:

image.png

从路由中获取参数:

image.png

3、传多个参数案例
向路由中添加参数:

FCat— angular4 ActivatedRoute 参数传递_第2张图片
image.png

路由配置:

image.png

从路由中获取参数:

FCat— angular4 ActivatedRoute 参数传递_第3张图片
image.png

你可能感兴趣的:(FCat— angular4 ActivatedRoute 参数传递)