angular子父路由

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;

　　　　})