Angular 2 geschachtelt Formularsatz Wert

Question

Ich verwende eckigen Formbuilder, um eine verschachtelte Form zu erstellen. Wie setze ich verschachtelten Formular quantity Feld Wert für jede Formulargruppe innerhalb updateValue() Funktion im folgenden Code.

ngOnInit() { 
    this.fastPostingForm = this.fb.group({ 
     Charges: this.fb.array([ 
     this.initCharge() 
     ]) 
    }); 
} 

initCharge(){ 
    return this.fb.group({ 
     room: ['', Validators.required], 
     amount: ['', Validators.required], 
     quantity: ['', Validators.required], 
    }); 
} 

UpdateValue(i) { 
    this.fastPostingForm.controls.Charges[i].controls['quantity'].setValue(2); // This is not working 
} 

Answer 1

es sein sollte:

(this.fastPostingForm.controls.Charges as FormArray).controls[i].controls['quantity'] 
                .setValue(2) 

oder

this.fastPostingForm.get(['Charges', i, 'quantity']).setValue(2); 

oder

this.fastPostingForm.get(`Charges.${i}.quantity`).setValue(2); 
         ^^^ 
        backtick 

oder Sie sogar auf patchValue Methode verwenden können Ihr Formular:

this.fastPostingForm.patchValue({ 
    Charges: [...Array(i), { quantity: '2' }] 
});