angular4如何动态生成表单

Question

如何根据后台传递的数据，生成不同的表单？比如用户注册和用户登陆，动态生成表单组件？

Answer 1

全局定义一个FormGroup，
然后根据不同的数据，动态在FormGroup中添加FormControl。

public formGroup: FormGroup;

this.xxxService.getData().subscribe((data: Array<string>) => {
    this.formGroup = new FormGroup({});
    data.forEach((key: string) => {
        this.formGroup.addControl(key, new FormControl(''));
    });
});

Answer 2

去看看响应式表单

Answer 3

可以使用form-create根据参数动态创建form表单,支持复选框、单选框、输入框、下拉选择框等元素以及,省市区三级联动,时间选择,日期选择,颜色选择,文件/图片上传功能。 github地址