如何获得父母观点的路线参数?

时间:2016-03-16 09:50:09

标签: angular angular2-routing

我想知道是否可以从子视图中获取父视图的路由参数?

谢谢!

1 个答案:

答案 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');
}


对于命名惯例感到抱歉