如何将 FormControl 动态添加到 FormGroup

Question

我有这个plunker。我正在动态创建表单组件，基于model（定义在app.ts），无法添加

formControlName = "name"

到组件。在control-factory.directive.ts 我添加了

this.form.addControl(this.model.name, new FormControl());,

但是如何绑定值呢？

Answer 1

为了使表单值与您的自定义模型保持同步，我将订阅 control.valueChanges

let control = new FormControl(this.model.data);
control.valueChanges.subscribe(x => {
  this.model.data = x;
});
this.form.addControl(this.model.name, control);

为了使模型和视图保持同步，我会将FormControl 绑定到反应性指令，即formControl

datepicker.component.html

<input [formControl]="form.get(model.name)">

Modified Plunker