Wie fügt neue FormGroup oder FormControl zu bilden

Habe ich Folgendes form im Winkel erstellt mit FormBuilder:

constructor(private fb: FormBuilder) {
    this.myForm = fb.group({
        'name': ['', [Validators.required],
        'surname': ['', [Validators.required],
        'email': ['', [validateEmail]],
        'address': fb.group({
            'street': [''],
            'housenumber': [''],
            'postcode': ['']
        }, { validator: fullAddressValidator })
    });
}

Existiert eine Möglichkeit, programmgesteuert fügt neue Felder wie FormControl oder neue FormGroup zu myForm ?

Meine ich, wenn ich will, um neue Felder hinzuzufügen, die auf die Nachfrage oder auf einigen Bedingungen, wie Sie Elemente hinzufügen, um das gleiche Formular, das erstellt wird, das erste mal in der constructor?

Das könnte auch helfen: stackoverflow.com/questions/55334283/...

InformationsquelleAutor smartmouse | 2017-01-11

  1. 25

    Können Sie addControl Methode der FormGroup Klasse als pro Dokumentation

    So dass Sie tun können, wie unten :

    this.myForm.addControl('newcontrol',[]);
    Ich lief in dieses, und während Sie mit einer Schleife hatte, zu importieren FormArray und fügen Sie es wie folgt: dies.myForm.addControl(i, neue FormArray([])); ähnlich, Sie können tun, dass mit FormGroup sowie das hinzufügen von Objekten
    wie füge ich eine neue formgroup innerhalb einer formgroup

    InformationsquelleAutor ranakrunal9

  2. 14

    Hinzufügen, auf was @ranakrunal9 sagte.

    Wenn Sie möchten, zu verwenden Prüfungen mit addControl Folgendes tun:

    this.myForm.addControl('newControl', new FormControl('', Validators.required));

    Nur vergessen Sie nicht, fügen Sie die folgenden import -

    import {FormControl} from "@angular/forms";

    Verweis auf addControl: https://angular.io/api/forms/FormGroup#addControl

    Verweis auf FormControl: https://angular.io/api/forms/FormControl

    InformationsquelleAutor Stas Sorokin

  3. 4

    Meiner Meinung nach, könnte man nur verwenden Sie eine temporäre variable für diesen Zweck. Werfen Sie einen Blick auf das nächste Beispiel:

      constructor(private fb: FormBuilder) {
    let group = {
      'name': ['', [Validators.required]],
      'surname': ['', [Validators.required]],
      'email': ['', [Validators.required]]
    };

    let middlename = true;

    if(middlename) {
      group['middlename'] = ['', [Validators.required]];
    }

      this.myForm = fb.group(group);
    }

    Auch, es wäre eine bessere Idee, um zu übertragen, eine form der initiation in ngOnInit Haken, anstelle der Komponente Konstruktor.

    Dies ist meine erste Umsetzung, aber ich benutze lieber die @ranakrunal9 's Lösung. Eh, warum ist es eine bessere Idee auf erstellt ein Formular in der ngOnInit Haken?
    Boris Siscanu: können Sie mir sagen, warum es besser ist, initiieren das Formular in der ngOnInit statt Konstruktor?
    Winkel-Dokumentation sagt zu initiieren, die in der Komponente Konstruktor: Winkel.io/guide/reaktiv-Formen#Einführung-zu-formbuilder

    InformationsquelleAutor Boris Siscanu

Schreibe einen Kommentar