正在从重复的表单中获取ngmodel值

Question

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

我的示例代码：https://codesandbox.io/s/formarraydynamic-forked-t7y9u?file=/src/app/app.component.ts

Answer 1

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

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

添加并将此变量绑定到您的UI中，如下所示。

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

由于你的表单是一个formArray，你会得到一个数组类型的结果。