點擊angular2中的按鈕，將組件添加到dom

Question

我有personInvolved組件。 該組件具有personDetails組件。 personInvolved組件中有一個按鈕。 單擊按鈕我需要在DOM上附加personDetails。 每次我點擊它都應該附加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());
    }