Winkelform zurückgesetzt wird das Löschen des Standard ausgewählten Wert

Question

Im mit Winkel 4 für meine app und haben eine Auswahl in meinem reaktive Form wie folgt aus:

<select class="form-control" formControlName="persons"> 
    <option value="" selected>Select default</option> 
    <option *ngFor="let p of persons" [value]="p">{{p}}</option> 
    </select> 

Es funktioniert schön, zum ersten Mal mit der Select default Option macht ausgewählt . Aber wenn ich eine myForm.reset() mache, geht das Formular wie erwartet in den Anfangszustand, aber der ausgewählte Standardwert ist nicht mehr ausgewählt. Wie kann ich das Formular zurücksetzen und den Standardwert beibehalten?

Answer 1

Angenommen, Sie initialisieren das Formular im Konstruktor mit Standardwerten, setzen Sie es einfach auf die gleiche Sache zurück.

Zum Beispiel, wenn in Ihrem Konstruktor Sie das Formular als solche eingestellt:

constructor() { 
    this.heroForm = this.fb.group({ 
     name: ['Joe', Validators.required ], 
    }); 
} 

dann gleich eingestellt, wenn Sie „Reset“ es.

public resetForm() { 
    this.heroForm = this.fb.group({ 
     name: ['Joe', Validators.required ], 
    }); 
}