是否可以在角度2中动态命名formControls？

Question

简而言之，如果可能的话，我想要完成的是

export class MyComponent{

    Data: any;
    {{Data.formCtrlName}} = new formControl(); //this here

}

Data由JSON对象填充，看起来像这样。

{
    "id"          : "someId",
    "name"        : "someName",
    "formCtrlName": "nameForControl",  //using this result as the name for the control
    "etc"         : "etc",
    "etc"         : "etc"
}

有办法做到这一点吗？到目前为止，我所遇到的所有文档都展示了如何动态创建已经定义的表单元素。我要做的是从我的数据中插入formControl的名称。我怎么能这样做？

Answer 1

在构造函数或ngOnInit内部执行此操作。只需确保Data在您访问时不为空

export class MyComponent implement OnInit {
  ngOnInit() {
    this[this.Data.formControlName] = new FormControl();
  }
}