spawn/generate Angular 11 中动态存在的组件

Question

我正在做一个网络应用程序，它应该像我们手机中的联系人应用程序一样工作：

1. 注册联系信息（姓名、电子邮件、电话号码）
2. 点击保存按钮
3. 列表立即更新（这是我的问题）

所以我有一张 list.component（一张灰色垫卡）和一张 contact.component, (橙色垫卡）。

我想在 list.component 中生成一个新的 contact.component，并在用户 select 删除按钮。

数据传递正常，但我不知道如何在另一个组件中添加新的现有组件。

Answer 1

您可以将联系人保存在 public 数组中，然后在列表组件中对其进行迭代：

  <list-component>
<ng-container *ngFor="let contact of contactArray"> 
<contact-component></contact-component>
 </ng-container>
</list-component>

当用户添加另一个联系人时，您可以将其推送到 contactArray 并显示额外的联系人组件