Javascript 从重复的表单中获取ngmodel值

如果这是个愚蠢的问题，请原谅，我已经试了很多次了。我有两个表单字段，它们与添加按钮重复。因此，在这里，我试图使用ngmodel从valueformfield访问输入。但当我使用add按钮复制formfield集时。单击添加按钮时，我在值表单字段中输入的输入会重复。当我使用ngmodel获取价值时，就会发生这种情况。还有别的办法解决这个问题吗？如果你对这个问题有任何疑问，请发表评论

---

我的示例代码：

从表单中获取值并在UI中显示。您可以在组件中创建一个getter属性，它将像下面这样从特定字段返回值

get values() {
    return this.myForm.value.map(x => x.value);
};

<p>result:{{values}}</p>

像这样添加并绑定这个变量到您的UI中

get values() {
    return this.myForm.value.map(x => x.value);
};

<p>result:{{values}}</p>

结果：{{values}

---

由于您的表单是formArray，您将在数组类型中获得结果。

我认为您应该使用formArray。请举例说明如何使用formArray@titussutiofanpulay为什么要使用ngModel？它已经附加了formControl。仅供参考。我是您分叉的代码沙盒的原始创建者。我无法使用formcontrol获取这些值。是的，很抱歉，我通过使用“this.myForm.value”为@vimalpatel您提供了充分的信任，请检查此项。嘿，在你代码中的代码沙盒中，我试图删除一组formfield（我的意思是在复制之后）。在我的html按钮中，我使用了这个（单击）=“DelBtn（a）”，在我的ts中，我使用了这个DelBtn=（delIndex）=>this.myForm.controls.splice（delIndex，1）；如果我有三个副本，这段代码会删除顶部第一个出现的代码。我有没有办法删除最新的副本@Vimalcreate sandbox并共享链接这是@VimalIts实际删除数组中第一个而不是最后一个的链接