angular2のディレクティブからのルートデータへのアクセス

Question

const APP_ROUTES: RouterConfig = [ 

    { 

     path: 'app/home', 
     component: HomeComponent, 
     data: { 
      name: 'Home' 
     } 

    } 


] 

上記のようにルート設定がある場合、その指示文からそのdataプロパティにアクセスするにはどうすればよいですか。 helloディレクティブで

@Directive({ 
    name: 'hello' 
}) 

class HelloDirective { 
@Input('routerLink') link: string[]; 

ngOnInit() { 
    //HOW CAN I GET ROUTE AND ITS DATA FROM PATH/URL ??? 

    //const magicallyGrabbedRoute = pleaseGiveMeMyRouteFrom(this.link); 
    //const myData = magicallyGrabbedRoute.data; 

} 

} 

<a hello [routerLink]="['app/home']"> Go Home </a> 

は、どのように私はrouterLink属性の値のためのルート設定を得ることができますか？

Answer 1

ルートパラメータは、コンポーネントクラス内に配置することで登録できます。 &あなたはまた、ルートdefinationに渡されたデータを取得するためにthis.route.snapshot.dataを使用することができ、コンストラクタ

this.sub = this.route 
    .params //.data //--> use data to retrieve route data 
    .subscribe(params => { 
    console.log(params['id']); 
    }); 

でprivate route: ActivatedRouteを持っています。

Answer 2

（RC6は）：

次に

import { ActivatedRoute } from '@angular/router';

あなたのコンストラクタで：あなたは、インポートする必要があり

constructor(private route: ActivatedRoute) { }

クラスべきimplements OnInitこの方法：

ngOnInit() { const myData = this.route.snapshot.data['name']; }

あなたのURLが動的でない場合です。動的な場合は、スナップショットではなくオブザーバを使用する必要があります。 p.s.親の両親のためだけに：this.route.snapshot.parent.data['name']