angular2のボタンをクリックするとdomにコンポーネントが追加されます

Question

私はpersonInvolvedコンポーネントを持っています。このコンポーネントにはpersonDetailsコンポーネントがあります。 personInvolvedコンポーネントにボタンがあります。私はDOM上にpersonDetailsを追加する必要があるボタンのOnclick。クリックするたびにpersonDetailsコンポーネントが追加されます。どうすればこれを実現できますか？

Answer 1

使用ngFor：

<button (click)="addPerson()">Add person</button> 
<person-details *ngFor="let person of persons" [person]="person"></person-details> 

とコンポーネントのコードで：

persons: Array<Person> = []; 

addPerson() { 
    this.persons.push(new Person()); 
}