gpt4 book ai didi

javascript - Angular 5 动态添加和删除组件实例

转载 作者:行者123 更新时间:2023-11-30 09:23:43 26 4
gpt4 key购买 nike

我正在尝试创建一个看起来像电子表格的表格,每个 td 中都有可编辑的输入。我正在使用 Angular 的 ComponentFactoryResolver 作为解释 here , 在用户单击添加按钮时向表中添加一行。

添加行后,我使用 EventEmitter 在最后一列值更改时发出该行的所有数据。

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

我遇到了以下问题:

  1. 我无法从新添加的组件发出数据。 (检查控制台)
  2. 添加新行后,第一行(非动态行)也不再向我提供发出的数据。
  3. 我不知道如何删除用户不需要的行,因为我没有对它的引用。

最佳答案

这就是我的建议。您可以在父(表)组件中创建一个行对象列表,并使用 *ngFor 对其进行循环。

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

请看this

关于javascript - Angular 5 动态添加和删除组件实例,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50072694/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com