Angular 2：我们可以从FormGroup创建Form吗？

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> s，输入前缀和后缀以及其他视图端的东西时。最终目标是以这种方式将视图和模型分开。

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