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