Wie FormControl zu FormGroup dynamisch hinzugefügt werden

Question

Ich habe dieses plunker. Ich schaffe Formularkomponenten dynamisch, basierend auf model (definiert in app.ts) und nicht

formControlName = "name"

zur Komponente hinzufügen. Im control-factory.directive.ts I

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

hinzufügen, aber wie kann ich den Wert binden?

Answer 1

Um Formwert synchron mit Ihrem eigenen Modell zu halten i control.valueChanges

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

zu halten synchron Form Modell abonnieren würde und sehen i FormControl binden würde Direktive dh formControl

picker reaktiv. component.html

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

Modified Plunker