点击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());
    }