angular4如何动态生成表单

danranshizhi
  • 149

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

回复
阅读 1.8k
3 个回答

全局定义一个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(''));
    });
});

去看看响应式表单

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏