ionic2/angularJSで要素を動的に追加する方法

Question

ユーザーがイオン2 /角度のユーザー入力などの要素を追加できるようにします。通常のJSを持つたとえば、私は、このコードを使用します。

function addDestination(){ 
     var destDiv = document.getElementById('destPlaceholder'); 
     destDiv.innerHTML += '<ul class="rounded"><li><input type="text" class="node" placeholder="text" id="d" /></li></ul>'; 
    } 

は、どのように私はionic2/angularJSでこれをやって行くのでしょうか？

Answer 1

Ionic2/Angular2では、ページ/コンポーネントのテンプレート（html）でngForディレクティブを使用して、配列内のすべての項目のHTML要素をレンダリングします。

あなたのタイプスクリプトでは、要素をこの配列にプッシュするだけで、ngForの余分な要素としてレンダリングされます。あなたのコードの場合

：あなたのテンプレートで

：あなたのtypescriptです内

<ul class="rounded"> 
    <li *ngFor="let item from items"> 
     <input type="text" class="node" placeholder="{{item.someattribute}}" id="{{item.id}}" /> 
    </li> 
</ul> 

：

public items:any[] = []; 

addDestination() { 
    this.items.push({id: 1, text: "the item's text"}); 
} 

は間違いなく、角度に関するほとんどのものと同じようにhttps://angular.io/docs/ts/latest/api/common/index/NgFor-directive.html