Angular 2：我们可以从 FormGroup 创建表单吗？答案

【问题标题】：Angular 2: Can we create the Form from FormGroup?Angular 2：我们可以从 FormGroup 创建表单吗？
【发布时间】：2017-03-27 18:19:24
【问题描述】：

我正在开发一个动态表单，其中表单元素根据用户输入进行修改。是否可以通过将 FormGroup 对象提供给 <form></form> 标记而不是手动创建表单组中存在的每个元素来生成完整的表单。

例如：

组件.ts

fb: FormBuilder;
formGroupData: FormGroup;

constructor() {
this.formGroupData= this.fb.group({
            selectedItem: ['', Validators.required],
            selectedAmount: ['', Validators.required]
        });
}

HTML：

<form [formGroup]="formGroupData"></form>

这应该在不添加元素 selectedAmount 和 selectedItem 元素的情况下创建整个表单。这可能吗？如果不是，为什么这里有什么害处？

【问题讨论】：

您如何知道将为每个FormControl 创建什么类型的输入？
因此可以作为 FormGroup 元素属性包含在内。以非常相似的方式将验证融入其中。对吗？

标签： angular angular2-forms

【解决方案1】：

他们没有构建表单来像那样工作。这将使 css 具有挑战性，尤其是在添加 <label>s、输入前缀和后缀以及其他视图方面的内容时。最终目标是以这种方式分离视图和模型。

如果您需要访问视图端的内容，您也许可以使用 Renderer 类创建这样的指令。

【讨论】：

但我觉得这本可以包含在 ReactiveFormsModule 中。对于寻找普通 HTML 表单的人来说，这将大大减少开发时间