カスタムHTML要素に関連する動的マークアップを角2で生成する

Question

作成するマークアップに他のカスタムコンポーネントが含まれるコンポーネントでマークアップを動的に生成しようとしています。

<my-component></my-component> 

とmyComponent.ts

ngOnInit(){ 
    const el: HTMLElement = this.elementRef.nativeElement; 

    let labels = ['one', 'two', 'three']; 
    labels.forEach((label) => { 
     let b = document.createElement('my-subcomponent'); 
     el.appendChild(b); 
    }); 
} 

mySubcomponent.htmlテンプレートで：の線に沿って何か

<span>test</span>

<my-subcomponent>要素がマークアップにレンダリングしない子どもたちが、裸で、<span>テンプレートなし。私はAngular1の$compileサービスに相当するものがないと思っています。間違ったライフサイクルの瞬間に正しいコードを実行しています。誰かが私に何か光を当てていただければ幸いです。

Answer 1

Angular2は、動的に追加されたHTMLに対して、バインディングや、コンポーネントセレクタやディレクティブセレクタを処理しません。 Angular2はHTMLを静的にコンポーネントテンプレートに追加するだけです。

リンクについて Angular 2 dynamic tabs with user-click chosen components