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

경로 매개 변수를 Component 클래스에 배치하여 구독 할 수 있습니다. &는 또한 경로 해상력에 전달 된 데이터를 검색 할 수 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']