我目前正在努力在向表中添加行之后在文本框中显示值。我是有角度的新手,似乎找不到解决方案。此刻,每当我单击“添加”按钮时,表都会添加新行,但是以某种方式我以前输入的值都消失了。每当用户添加新行时,我都需要将该值保留在文本框中。
这是我已经完成的源代码:
https://stackblitz.com/edit/angular-hxduqp
谢谢。
答案 0 :(得分:1)
当您有多个具有相同名称的输入时,会发生这种情况。
解决此问题的一种方法是为您的输入名称添加迭代器i
的后缀:
<input ... [name]="'from' + i" ...>
这是您的StackBlitz纠正的问题:
https://stackblitz.com/edit/angular-bgdgpr?file=src/app/app.component.html
答案 1 :(得分:0)
如果不需要,只需从表单控件中删除
name
,否则需要为每个控件提供唯一的名称。