Angular2 Dynamic Component Loader mit HTTP-Abfrage

Question

Ich versuche, Daten über HTTP GET in einer Komponente zu laden, und dann muss ich diese Daten in Child-Komponente, die dynamisch geladen.

Hier ist der Code:

ngOnInit(){ 
this.accountService.getPersonalInfo().subscribe(
     response => { 
      this.Account = response.json(); 

      this.dcl.loadIntoLocation(HeaderComponent, this.elementRef, 'header') 
       .then(compRef => { 
         compRef.instance.Account=this.Account; 
        } 
       ); 
     } 
     ); 
} 

In Kind Komponente (HeaderComponent) Ich kann this.Account verwenden diese Daten zu erhalten. Gibt es einen besseren Weg, dies zu tun?

Answer 1

Sie können nur in einem Vorfahren Komponente liefern

@Component({ 
    selector: 'header-cmp', 
    ... 
}) 
class HeaderCmp { 
    constructor(private account:AccountService) { 
    this.account.someObservable.subscribe(...); // or whatever 
    } 
} 

@Component({ 
    selector: 'parent-cmp', 
    providers: [AccountService], 
    ... 
}) 
class ParentCmp { 
    constructor(private account:AccountService) { 
    // set some values 
    } 
} 

Die Komponente, wo Sie den „Service“ zur Verfügung stellen kann die Komponente sein, wo this.dcl.loadIntoLocation(...) tatsächlich ausgeführt wird oder eine andere Vorfahren Komponente weiter oben in der Kette.