从重复的表单中获取 ngmodel 值

Question

如果这是一个愚蠢的问题，请原谅，但我已经尝试了很多。我有两个与 add 按钮重复的表单字段。所以在这里我尝试使用 ngmodel 从 value 表单域访问输入。但是当我使用添加按钮复制一组表单域时。当我单击添加按钮时，我在 value 表单字段中输入的输入会重复。当我使用 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，您将获得数组类型的结果。