HTTPクエリを使用したAngular2 Dynamic Component Loader

Question

HTTP GET経由で1つのコンポーネントにデータをロードしようとしていますが、このデータを動的にロードされた子コンポーネントで使用する必要があります。

ここでは、コードです：

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

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

子コンポーネント（HeaderComponent）で、私はこのデータを取得するためにthis.Accountを使用することができますが。これを行うより良い方法はありますか？

Answer 1

は、あなただけの祖先コンポーネント

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

にあなたが「サービス」を提供部品を提供することができますthis.dcl.loadIntoLocation(...)が実際に実行されるコンポーネントまたはチェーンアップし、さらにいくつかの他の祖先のコンポーネントとすることができます。