Angular 4 - 提供的参数与调用目标的任何签名都不匹配

Question

我收到以下错误。 addControl 具有以下签名。不确定我做错了什么。

(method) FormGroup.addControl(name: string, control: AbstractControl): void  

Answer 1

FormBuilder.control 方法具有以下签名

control(formState: Object, validator?: ValidatorFn | ValidatorFn[] | null, asyncValidator?: AsyncValidatorFn | AsyncValidatorFn[] | null): FormControl;

所以需要初始值。你必须像

一样传递formState

this.fb.control('')

或

this.fb.control(null)

您的代码应如下所示

createGroup() {
  const group = this.fb.group({});
  this.config.forEach(control => group.addControl(control.name, this.fb.control('')));
  return group;
}