angular子父路由

时间：2020-12-16 18:50:28 阅读：27 评论：0 收藏：0 [点我收藏+]

1、背景

　　遇到一个需求，页面左半部分是一个angular树结构，点击叶子节点右半部分展示之前做好的数据页面

2、解决思路

　　a、第一个想到的是用路由

　　b、用iframe（操作性没有那么好，暂时不用）

3、代码实现

　　a、配置子父路由

　　　　技术分享图片

　　b、设置路由出口

　　　　在需要展示的地方设置路由出口　　

　　　　<router-outlet></router-outlet>
 
　　c、设置路由跳转（带参数）
　　　　this.router.navigate([‘positionVerify/fundFee‘],{queryParams:{id:key}})
 
　　d、需要展示的页面接受路由参数
　　　　this.route.queryParams.subscribe((res)=>{ 
　　　　　　this.id = res.id;
　　　　})

angular子父路由

原文：https://www.cnblogs.com/flyingPiglet/p/14144764.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)