Pass Route param von Eltern auf das Kind Routen

Question

Ich habe Routen wie so strukturiert:

parent/:id 
    | 
    child 
    | 
    child 

Kann ich nur die param von der übergeordneten Komponente über erhalten:

ngOnInit() { 
    this.route.params.subscribe((params) => { 
     this.id = +params['id']; 
    }); 
} 

und dann fügen Sie es genauso ein Eingang auf der <router-output> irgendwie? Oder muss ich den Wert von jedem Kind auf die gleiche Art und Weise ziehen, wie ich das Elternteil gemacht habe?

Was ist die beste Möglichkeit, den id Parameter von der übergeordneten Komponente an alle untergeordneten Komponenten zu übergeben?

Answer 1

Leider gibt es keine einfache Möglichkeit, auf Parent-Route-Parameter zuzugreifen, und es gibt keine Pläne, sie zu ändern #12767, so ist die einzige Möglichkeit eine Problemumgehung mit Service oder localStorage, was auch immer Sie möchten.

class Service { 
     public params:Subject<any> = new Subject<any>(); 

     public next(params):void { this.params.next(params); } 
    } 

    class Parent { 
     constructor(service:Service, route:ActivatedRoute){ 
      activatedRoute.params.subscribe(params => service.next(params)); 
     } 
    } 

    class Child { 
     constructor(service:Service){ 
      service.params.subscribe(params => console.log(params)); 
     } 
    } 

Hier einige Möglichkeiten, die Komponenten miteinander kommunizieren können: https://angular.io/docs/ts/latest/cookbook/component-communication.html#!#bidirectional-service