patch Wert in einer geschachtelten form-Steuerelement mit angular2

Ich brauche, um einen Wert in einer verschachtelten Steuerelement in einem FormBuiler und das Modell ist das folgende:

this.addAccForm = this.fb.group({
      accid: ['', Validators.required],
      status: '',
      cyc: this.fb.array([
        this.initCyc(),
      ])
    })

initCyc() {
      return this.fb.group({
        cycid: ['', Validators.required],
        name: ['', Validators.required],
        description: ['', Validators.required],
        status: ['', Validators.required],
        det: this.fb.group({
            dcycid: ['', Validators.required],
            status: ['', Validators.required]
        })
      })

Ich brauche, um einen Wert cycid und auch dcycid aber ich m stecken, ich habe versucht, verwenden Sie die folgende Zeile , aber es hilft NICHT :

this.addAccForm.patchValue({cyc: { [0]: {cycid: 1234567 }}});

//

this.addAccForm.patchValue({cyc: { [0]: { det : {dcycid: 9876543}}}});

Irgendeine Idee, wie es sein sollte?

InformationsquelleAutor K Oul | 2017-06-02
  1. 5

    Versuchen mit diesen codes

    this.addAccForm.patchValue({cyc: {cycid: 1234567 }});

this.addAccForm.patchValue({cyc: { det : {dcycid: 9876543}}});

    Andere Lösung ist:

    (< FormGroup >this.addAccForm.controls['cyc']).controls['cycid'].patchValue('1234567');
(< FormGroup >this.addAccForm.controls['cyc']).controls['det'].controls['dcycid'].patchValue('1234567');
    • nur geben einen Versuch ohne Erfolg.
    InformationsquelleAutor sainu
  2. 4

    Diese hat den trick für mich:

    this.addAccForm.patchValue({'cyc': {cycid: 1234567 }});
    InformationsquelleAutor Alexandre
  3. 1

    Hier ist, wie ich mein Problem gelöst :

    (this.addAccForm.controls['cyc'].at(0)).patchValue({cycid: 12345 });  
//
(this.addAccForm.controls['cyc'].at(0)).controls['det'].at(0).patchValue({dcycid: 9876543});

    Danke

    • das ist der code bei mir nicht funktioniert, ich denke version Unterschied, ich bin mit version ^6.0.0
    InformationsquelleAutor K Oul
  4. 1

    Hier ist der code für mich arbeiten.

    Ich bin mit Eckigen Version "^6.0.0"

    var formArray = this.addAccForm.get("cyc") as FormArray;
formArray.at(0)["controls"]["cycid"].patchValue("Value that you want to pass");
    InformationsquelleAutor Ashish Kadam
  5. 0

    Klar, dies ist ein älterer Eintrag, aber das ist, wie ich mit ähnlichen Situationen

    this.addAccForm.controls['cyc']['controls'][index].patchValue({cycid: '100'})

    Die syntax scheint sauberer zu mir wie diese. Allerdings einen ziemlich einfachen Ansatz, um durch zu gehen ist, indem Sie einfach die Ausgabe des Formulars.steuert auf den ersten. So sehen Sie in der Konsole, was Ihre form besteht und im Grunde nur beobachten Sie seine Struktur.

    InformationsquelleAutor ak.leimrey
  6. 0

    Definieren FormGroup zu halten eine form.

    addAccForm: FormGroup

    Erstellen Sie ein Formular mit FormBuilder.

    this.addAccForm = this.fb.group({
    accid: ['', Validators.required],
    status: '',
    cyc: this.fb.array([])
})

    Erstellen Sie nun eine Methode zur patch-form-Werte. Kann man das Modell als Parameter an die Methode. Oder eine variable in der Komponenten-Klasse.

    //GETER TO RETRIEVE THE CYC FORMARRAY
get cycFormArray(): FormArray {
    return this.addAccForm.get('cyc') as FormArray;
}

patchForm(model: any) {
   this.addAccForm.patchValue({
       accid: [model.accid, Validators.required],
       status: model.status,
   });

   //PASS ARRAY TO PATCH FORM ARRAY
   this.patchCyc(model.cyc);
}

//METHOD TO PATCH FORM ARRAY 
patchCyc(cycArray: any[]) {
    cycArray.forEach(item => {
        this.cycFormArray.push({
            this.fb.group({
               prop1: item.prop1,
               prop2: item.prop2,
               ...
            })
        })
    })
}

    Den patchCyc() - Methode wird eine Schleife über das array als parameter übergeben. Eine neue FormGroup wird geschoben, um die cyc FormArray in jeder Schleife.

    InformationsquelleAutor 20B2
Schreibe einen Kommentar