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