如何使用Angular6在父组件中添加多个组件

Question

在 parent.component.html

中

我有以下HTML

<button type="button" class="btn btn-secondary (click)="AddComponentAdd()">Address</button> 
<app-addresse *ngFor="let addres of collOfAdd" [add]="addres"></app-addresse>

和 parent.component.ts

中

private collOfAdd: Array<AddresseComponent> = [];

AddComponentAdd() {
    this.collOfAdd.push(AddresseComponent); 
}

和 addresse.component.ts

中

 @Input() add: string;

如何通过单击父组件中存在的按钮，使组件<app-addresse>在父组件中多次出现？

Answer 1

我已经为您的问题创建了一个堆栈闪电弹，请检查以下网址： https://stackblitz.com/edit/angular-tihubf

在此参考资料中，您可以找到单击按钮多次加载的hello.component。

Answer 2

我还创建了一个stackblitz链接。 https://stackblitz.com/edit/angular-lnyec5