Javascript 角度5动态添加&；删除组件实例

我正在尝试创建一个看起来像电子表格的表格，每个

td

内都有可编辑的输入。如前所述，我使用Angular的

ComponentFactoryResolver

在用户单击add按钮时向表中添加一行

添加行后，我使用

EventEmitter

在更改最后一列值时发出该行的所有数据

我尝试在上重新实现相同的功能

我有以下问题：

我无法从新添加的组件发出数据。（检查控制台）

一旦我添加了一个新行，第一行（非动态）也停止向我提供发出的数据

如果用户不需要某行，我不知道如何删除该行，因为我没有该行的引用

---

这就是我的建议。您可以在父（表）组件中创建行对象列表，并使用*ngFor循环它

<app-row 
   *ngFor="let row of rowList" 
   [row]="row" 
   (entryUpdate)="onEntryUpdated($event)">
</app-row>

---

这就是我的建议。您可以在父（表）组件中创建行对象列表，并使用*ngFor循环它

<app-row 
   *ngFor="let row of rowList" 
   [row]="row" 
   (entryUpdate)="onEntryUpdated($event)">
</app-row>

---

想出一个不同于ComponentFactoryResolver的解决方案怎么样？你能推荐一些吗？我花了很多时间来寻找这个解决方案。如果你能建议一个更好的解决方案，我会尝试实现。让我创建一个stackblitz。像这样的东西怎么样？除了ComponentFactoryResolver之外，再想出一个解决方案怎么样？你能推荐一些吗？我花了很多时间来寻找这个解决方案。如果你能建议一个更好的解决方案，我会尝试实现。让我创建一个stackblitz。像这样的东西怎么样？非常感谢，你能推荐一些关于删除特定行的建议吗？Stackblitz更新。请看一下，先生，如果这是您正在寻找的答案，请将其标记为已接受。也许你们可以想出一个更好的解决方案来从数组中删除元素。谢谢你们，我有一个正确的方法来处理。我真的很感谢你的帮助。很高兴我能帮上忙。：）这里是固定的stackblitz我所做的是，添加属性选择器而不是普通选择器。你可以在《非常感谢》上阅读更多关于这方面的内容，你还可以推荐一些关于删除特定行的内容吗？Stackblitz更新。请看一下，先生，如果这是您正在寻找的答案，请将其标记为已接受。也许你们可以想出一个更好的解决方案来从数组中删除元素。谢谢你们，我有一个正确的方法来处理。我真的很感谢你的帮助。很高兴我能帮上忙。：）这里是固定的stackblitz我所做的是，添加属性选择器而不是普通选择器。您可以在上阅读更多有关此的信息