angular - 在 FormControl 和 FormGroup Angular 中动态处理 objects

我是 angular 的新手,但我仍然不确定如何控制 objects 和组件。我正在尝试创建一个动态的表单,并且字段的放置取决于我要输入数据的部分,重用组件。我想做的事的例子

this.createForm = new FormGroup({
for (let key in this.tittleColumn) {
  if (this.tittleColumn.hasOwnProperty(key)) {
    this.tittleColumn[key] = new FormControl(""),
  }
}

})

回答1

我不确定你是否准备好学习angular。因为您的 js 构造存在原始错误。我们如何在 object 声明中使用循环?

如果我理解正确,您的代码应该是这样的

function generateControls(obj) {
      const result = {};
      for (let key in obj) {
        if (obj.hasOwnProperty(key)) {
        result[this.tittleColumn[key] = new FormControl("")
        }
      }
      return result;
    }

    const controls = generateControls(this.tittleColumn);    
    this.createForm = new FormGroup(controls);

相似文章

最新文章