Uzyskiwanie dostępu do danych tras z dyrektywami kątowymi2

Question

const APP_ROUTES: RouterConfig = [ 

    { 

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

    } 


] 

Jeśli mam konfigurację trasy pokazaną powyżej, w jaki sposób uzyskać dostęp do jej właściwości data z niektórych dyrektyw.

@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> 

w dyrektywie hello jaki sposób można uzyskać konfigurację trasy dla wartości atrybutu routerLink?

Answer 1

Możesz subskrybować parametry trasy, umieszczając ją w klasie Component. & mieć private route: ActivatedRoute w konstruktorze

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

Można również użyć this.route.snapshot.data odzyskać przekazane dane w defination trasy.

Answer 2

(RC6): Trzeba importować:

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

Następnie w konstruktorze:

constructor(private route: ActivatedRoute) { }

Klasa powinna implements OnInit ten sposób:

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

Jest to na wypadek, gdyby Twój adres URL nie był dynamiczny. Jeśli jesteś dynamiczny, powinieneś użyć obserwatora, a nie migawki. p.s. dla rodziców rodziców po prostu użyj: this.route.snapshot.parent.data['name']