2017-02-27 12 views
2

私はこのようなルートの子を持つルートがあります。角度2のget親有効ルート

{ path:'dashboard', 
children:[ 
    {path:'', canActivate: [CanActivateAuthGuard], component: DashboardComponent }, 
    { path:'wage-types', component: WageTypesComponent }, 
] 
} 

と私が取得する方法を

host.com/dashboard/wage-types 

のようなアクティブに親ルートを取得したいブラウザでの/ダッシュボードが可能ですが、Angular 2では可能ですがJavaScriptでは使用できませんが、JavaScriptコードも受け入れることができます。角度2

+0

それはあなたが親コンポーネントを使用する場合にのみ可能です。 –

+0

@RomanCあなたはいくつかのコード –

答えて

5

これはActivatedRouteの親プロパティ このような。

export class MyComponent implement OnInit { 

    constructor(private activatedRoute: ActivatedRoute) {} 

    ngOnInit() { 
     this.activatedRoute.parent.url.subscribe((urlPath) => { 
      const url = urlPath[urlPath.length - 1].path; 
     }) 
    } 

} 

あなたはここでは詳細にActivatedRouteからすべてを見ることができます:https://angular.io/docs/ts/latest/guide/router.html#!#activated-route

+0

はいを​​表示することができますが、これは私に配列を与える、どのように/ダッシュボードを取得するためにフィルタをかけることができますか? –

+0

現在アクティブなルートの親を使用しているため、UrlSegmentsの配列の最後の項目は親URLになります - これを表示するために私の答えを更新し、私の誤りを反映するためにurlプロパティは実際には観測可能です – peppermcknight