オンザフライで作成されたネストされたコンポーネント

Question

私はこの素朴な例のhttps://embed.plnkr.co/RtZvxv2rPFpLPZGndS0g/を持っています。ここでは、ContentComponentとHeaderComponentの2つのコンポーネントが作成されています。私はこのようなContentComponentテンプレートでHeaderComponentセレクタを参照したい：

ngOnInit() { 
    this.template = "<div>This is the {{ name }}</div><app-header></app-header>"; 
    this.compileTemplate(); 
} 

残念ながら、これは動作していないと、コンパイラは文句：アプリ-ヘッダは、既知の要素ではありません。

誰もこの問題を解決する方法を知っていますか？同じ最終結果を得る別の方法はありますか？ HeaderComponentが

を宣言したことも、インポートされたどちらのために角度がそれを解決するためにapp-header要素を見つけることができません

Answer 1

あなたは宣言し、輸出HeaderComponent

@NgModule({ 
    declarations: [ HeaderComponent], 
    exports: [HeaderComponent] 
}) 
export class SharedModule { } 

、最終的には、単にあなたにそれをインポートしSharedModuleを作成することができます動的モジュール

@NgModule({ 
    declarations: [decoratedCmp], 
    imports: [SharedModule] <============ this line 
}) 
class RuntimeContentModule { } 

Plunker Example