问题标签 [angular2-formbuilder]

问题陈述

我正在尝试创建一个动态表单，其中部分界面响应模型的更新：

• 用户点击一个按钮
• 新的模型实体被添加到组件内部列表中，并创建了一个新的控件组（具有多个子控件，每个子控件都有专用的验证器）并将其附加到表单。
• 每个子控件都应该建立一个双向绑定，它在模型中的相应条目 [(ngModel)] 并将状态传播到顶层表单

我被困在哪里

我当前的问题是我不知道如何从模板中引用新的控制组（存储在 ControlArray 中）。

到目前为止，我发现的所有动态表单解决方案都没有支持模型和双向数据绑定。

• Angular2 表单 ControlGroup 持有未定义数量的 Control（和提到的 plunkr）
• ngControl 与 Angular2 中的 ngFor

代码

我为以下代码创建了一个 plunkr：https ://plnkr.co/edit/nP6hcIXKA0jz2F8Epg2L?p=preview

我的（简化的）数据模型：

我的模板：

我的组件：

我有一个简单的表单，它接受用户输入并将其发布到数据库。

表格如下

如何在同一组件中显示提交的数据以进行编辑。这个想法是允许用户在提交后编辑数据并在需要时重新提交。

我正在使用带有 Angular 2 beta“FormBuilder”的嵌套表单组结构，在我的一生中，我无法将值放入嵌套表单组。这很奇怪，因为绑定工作得很好。我可以向表单发送一个“用户”对象，它会填写用户及其地址的所有值。但是当发送表单值时（例如，发送到 HttpPost），它看起来就像下面的对象......

FWIW 我正在关注 Mosh Hamedani 在 Udemy 上的优秀 Angluar 2 课程，并检查并仔细检查了相关代码是否与他的此处匹配：https ://github.com/mosh-hamedani/angular2-course

也许我需要被告知在我的代码中还有什么地方可以查看？

这是我的表单组，如放置 {{ form.value | json }} 在我的表格末尾：

这是我的组件中的构造函数：

这是我的模板中的表格（为简洁起见被截断）：

我是 Angular 2 的新手。上传两个或更多文档时，它会列在模板中。所列文件的每一行都有用于输入附加信息的输入槽。提交时，仅在文档列表的最后一行输入的值作为对象返回。我希望返回在文档列表中输入的所有行的值。下面是我的代码

模板

零件

有人可以帮助我如何返回为所有文档输入槽输入的值。谢谢你。

我正在尝试创建一个表单构建器以从中生成特定的 JSON 格式主体以将其放在服务器上，我遇到的问题是如何表示我的代码中指示的任务数组，这是我的格式构建器：

这是我想从我的表单中获取的 json 格式：

它不像这样工作：

我已经测试了 Daniel 解决方案，它很酷，但它没有绑定到我的模板，这是我的 html：

`

我收到错误消息（在 [Task in ] 中找不到控件“任务”）

请注意， associatedTaskss 是我从服务器获取的任务列表（现在只是像这样测试它：

这是我放在服务器上的 JSON 格式（预填充了一些数据的示例）

`

`

我试图在我的 HTML 模板中表示一个表单构建器：

对于 HTTPMethod，我这样做是这样的：

但是我无法表示它的进程，我遇到了错误： control.registerOnChange 不是 [processes in ] 中的函数，这是我的进程HTML 表示：

先谢谢各位朋友了！！！

我可以使用以下代码，但是如果输入不正确，我将无法显示自定义错误，也无法禁用表单。所以我想将其转换为FormBuilder. 但问题是我不知道如何管理表单中的添加和删除问题。

我有一个用于复选框的自定义组件。

据我了解，RC3 Provider 被标记为已弃用。我必须如何重写我的组件以便他在下次更新后工作？

我问了这个问题：Angular 2 Provider 的类比

但是在将 angular 更新为 rc.4 并将 @angular/forms 更新为 0.2.0 之后，它就不再起作用了。

部分模板：

在组件中：

和错误： 没有值访问器''

我是 Angular 2 的新手。我有一个表格，单击“添加寄售”选项时，它会添加一个带有序列号和多个输入槽的新行。现在在添加更多寄售（在表中添加更多行的多个输入槽），并在所有这些行中输入信息并提交时，仅返回最后一行的值。有人可以告诉我如何将表中所有多个输入行的值作为一个对象返回吗？谢谢你。

下面是我的代码：

模板

零件