9

下面是我从服务获得响应的代码。在这里,我得到了一份员工名单。

我需要根据服务的响应动态绑定表单控件,我的服务返回的字段(EmployeeId、Name、Department 等)比表单具有的控件多。如何跳过那些没有在表单控制中使用的?

this._employeeService.getEmployeeById(this.employeeId).subscribe((res: Response) => {
  this.employeeForm.get('FileUploader').setValue(null);
  for (const field in res) {
    this.employeeForm.controls[field].setValue(res[field]);
  }
});

this.employeeForm = this._fb.group({
  EmployeeId: 0,
  Name: ''
});
4

3 回答 3

23

虽然已经有一个公认的答案,但值得一提的是,确实有一种方法可用,以防万一它可能对那些真正想要一种具体方法来验证给定 FormControl 在 FormGroup 中是否存在的人有用:

包含(控制名称:字符串):布尔值


来源:https ://angular.io/api/forms/FormGroup#contains

于 2020-05-06T20:22:23.847 回答
12

您可以使用 FormGroup 类的get方法。在 getEmployeeById 回调中更改您的迭代器,如下所示:

for (const field in res) {
  const formControl = this.employeeForm.get(field);

  if (formControl) {
     formControl.setValue(res[field]);
  }
}

来源:https ://angular.io/api/forms/FormGroup

于 2018-07-02T00:29:38.750 回答
6

您可以patchValue用于设定值

this.employeeForm.patchValue(res);
于 2018-06-29T08:29:27.030 回答