克隆数组

时间:2018-10-09 05:23:37

标签: typescript angular6

我正在克隆一个数组,正常的添加功能运行良好。但是,当我删除一些克隆然后添加新的克隆时,克隆数组中的最后一个元素会在用户界面中被清除,但在DOM中仍然存在

工作代码: https://stackblitz.com/edit/angular-j4ra7u

当前行为 考虑我们有三个完全填充的克隆,我删除第一个克隆,然后添加一个新克隆。在将新的克隆推入阵列时,将清除阵列中最后一个填充的克隆。

但是当我删除数组中最后一个填充的克隆时,不会发生这种情况。很好。

2 个答案:

答案 0 :(得分:2)

我不确定这是否是您正在谈论的问题,但是我注意到当我删除所有记录时,自动添加的记录是在此之前最近添加的记录的副本,而不是空白。这是因为您的newTemplateAdd方法允许this.N_temp保留为this.N_items元素的别名,因此输入记录的数据将保存在this.N_temp和{{1}中}复制removeNewClone,而无需重新初始化。

使用this.N_temp来做一件有趣的事情,而不是拥有一个每次需要时都会创建一个新记录的函数会更简单吗?参见this demo

答案 1 :(得分:0)

尝试了许多变通办法之后,当我删除Form标记时,代码开始按预期工作

演示:https://stackblitz.com/edit/angular-v5xvzn

请提及是否还有其他方法可以删除表单标签。