角度2：我们可以从FormGroup创建表单吗？

Question

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

例如：

Component.ts

fb: FormBuilder;
formGroupData: FormGroup;

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

HTML：

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

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

Answer 1

他们没有建立像这样的表格。 这将使CSS更具挑战性，尤其是在添加<label> ，输入前缀和后缀以及其他视图方面的东西时。 最终目标是通过这种方式将视图和模型分离。

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