我想知道是否可以从子视图中获取父视图的路由参数?
谢谢!
答案 0 :(得分:0)
Boot.ts
| ___ Home(cone)
| ___ Product(ctwo)
| _____ productOne
| _____ producttwo
boot.ts 有主页标签& 产品标签。
产品(ctwo)cmp 有routeconfig
我们可以转到 productOne cmp & productTwo cmp 。
我想要什么
现在,当我点击产品标签(从boot.ts视图)时,我想重定向到产品(ctwo)&它的观点并希望加载 productOne cmp&来自with RouteParam
的观点 product tab
。
注意:要执行此操作我不使用useAsDefault
<强> boot.ts 强>
<div >
<div><a [routerLink]="['ComponentOne']">Home</a><hr/></div>
<div><a [routerLink]="['./ComponentTwo',{id: 1234}, 'ProductOne']">Product </a></div>
</div>
@RouteConfig([
{path:'/ComponentOne', name: 'ComponentOne', component: ComponentOne, useAsDefault:true},
{path:'/ComponentTwo/...', name: 'ComponentTwo', component: ComponentTwo}
])
<强> 产物(CTWO).TS 强>
constructor(params: RouteParams){
console.log("Second component being called");
this.id = params.get('id');
}
<强> productOne.ts 强>
constructor(rp:RouteParams,rd:RouteData,injector: Injector){
let params = injector.parent.parent.get(RouteParams);
this.id = params.get('id');
}
对于命名惯例感到抱歉