从 http 请求数据创建表单答案

【问题标题】：create form from http request data从 http 请求数据创建表单
【发布时间】：2020-02-06 07:21:12
【问题描述】：

我是 Angular 的新手，所以还在学习它，它可能是简单的用例，但到目前为止我一直在尝试实现它但无法做到，所以在这里问。我正在发出一个 http 请求，并根据从 http 请求（json 对象数组）收到的数据，我想在页面上创建与响应数组中的对象一样多的表单。知道如何实现它。这是我从 http 请求获得的数据

已经搜索了很多，但没有找到任何关于我给定问题的 stackoverflow 答案，从 4 天开始一直在努力实现它:( 请不要关闭它，我无法弄清楚，所以在这里问它。任何提示非常感谢从哪里开始以及如何进行。

【问题讨论】：

表单字段的类型是什么，我的意思是，它是输入类型还是单选按钮类型或复选框......
@KAMLESHKUMAR 我有额外的数据字段，其中包含有关字段类型和与该字段对应的数据的信息
你是想把所有的表单放在一个组件中，还是想对每个表单使用一个组件，然后把所有这些组件放在一个组件中
@KAMLESHKUMAR 我想把所有的表格放在一个组件中

标签： angular forms angular-forms angular-template-form

【解决方案1】：

它只是创建一个空的 formGroup 并使用 addControl

form=new formGroup({}) //decalre an empty form
//with each element of data
this.data.forEach(x=>{
   //according with others properties you add Validators, etc
   this.form.addControl(x.ruleName,new FormControl())
}

但是在 SO 中有很多例子，例如this one 或 this 或...

【讨论】：