添加行后将值保留在文本框中

时间:2018-11-08 13:57:10

标签: html angular typescript

我目前正在努力在向表中添加行之后在文本框中显示值。我是有角度的新手,似乎找不到解决方案。此刻,每当我单击“添加”按钮时,表都会添加新行,但是以某种方式我以前输入的值都消失了。每当用户添加新行时,我都需要将该值保留在文本框中。

这是我已经完成的源代码:

https://stackblitz.com/edit/angular-hxduqp

谢谢。

2 个答案:

答案 0 :(得分:1)

当您有多个具有相同名称的输入时,会发生这种情况。

解决此问题的一种方法是为您的输入名称添加迭代器i的后缀:

<input ... [name]="'from' + i" ...>

这是您的StackBlitz纠正的问题:

https://stackblitz.com/edit/angular-bgdgpr?file=src/app/app.component.html

答案 1 :(得分:0)

  

如果不需要,只需从表单控件中删除name,否则需要为每个控件提供唯一的名称。

工作副本在这里-https://stackblitz.com/edit/angular-gpq9nc