Angular 2でdom要素を作成する

Question

DOM要素を動的に作成する最も簡単な方法は何ですか？私はAPIからロードされたツリー（PARENTIDのPARAMを持つアイテム）のモデルを持っていると私は

<ul> 
    <li>List item one</li> 
    <li>List item two with subitems: 
     <ul> 
      <li>Subitem 1</li> 
      <li>Subitem 2</li> 
     </ul> 
    </li> 
    <li>Final list item</li> 
</ul> 

Answer 1

gist

Answer 2

Structural directivesあなたのためであるようにネストしたリストにそれらをプリントアウトする必要があります。

このガイドでは、構造ディレクティブでAngularがどのようにDOMを操作するか、同じことをするための独自の構造ディレクティブを作成する方法について説明します。あなたがあなたのモデル

に応じてコードを変更する必要がangular2

<ul> 
<ng-template #recursiveList let-list> 
<li *ngFor="let item of list"> 
    {{item.title}} // just assuming 
    <ul *ngIf="item.children.length > 0"> 
    <ng-container *ngTemplateOutlet="recursiveList; context:{ $implicit: item.children }"></ng-container> 
    </ul> 
</li> 
</ng-template> 
<ng-container *ngTemplateOutlet="recursiveList; context:{ $implicit: list }"> </ng-container> 
</ul> 

で動的にDOM要素を作成するために*使用するngForが必要