从重复的表单中获取 ngmodel 值
Getting ngmodel value out of duplicated forms
对不起，如果这是一个愚蠢的问题，但我已经尝试了很多。我有两个表单字段，它们与 add 按钮重复。所以我在这里尝试使用 ngmodel 从 value 表单域访问输入。但是当我使用添加按钮复制一组表单域时。当我单击添加按钮时，我在 value 表单字段中输入的内容会重复。当我使用 ngmodel 获取价值时会发生这种情况。还有其他方法可以解决这个问题吗？如果你对这个问题有任何疑问，请评论
我的示例代码：https://codesandbox.io/s/formarraydynamic-forked-t7y9u?file=/src/app/app.component.ts
从表单中获取值并显示在UI中。您可以在组件中创建一个 getter 属性，它将 return 来自该特定字段的值，如下所示。
get values() {
return this.myForm.value.map(x => x.value);
};
像这样添加然后将此变量绑定到您的 UI。
<p>result:{{values}}</p>
由于您的表单是 formArray，因此您将获得数组类型的结果。
对不起，如果这是一个愚蠢的问题，但我已经尝试了很多。我有两个表单字段，它们与 add 按钮重复。所以我在这里尝试使用 ngmodel 从 value 表单域访问输入。但是当我使用添加按钮复制一组表单域时。当我单击添加按钮时，我在 value 表单字段中输入的内容会重复。当我使用 ngmodel 获取价值时会发生这种情况。还有其他方法可以解决这个问题吗？如果你对这个问题有任何疑问，请评论
我的示例代码：https://codesandbox.io/s/formarraydynamic-forked-t7y9u?file=/src/app/app.component.ts
从表单中获取值并显示在UI中。您可以在组件中创建一个 getter 属性，它将 return 来自该特定字段的值，如下所示。
get values() {
return this.myForm.value.map(x => x.value);
};
像这样添加然后将此变量绑定到您的 UI。
<p>result:{{values}}</p>
由于您的表单是 formArray，因此您将获得数组类型的结果。