Wie programmiere ich ein Angular 2-Formularsteuerelement programmgesteuert auf dreckig?

Question

Wie markiere ich ein Angular 2 Control in meinem Code als schmutzig?

Wenn ich es so:

control.dirty = true; 

ich diesen Fehler:

Cannot set property dirty of #<AbstractControl> which has only a getter 

Answer 1

Sie sollten die markAsDirty Methode verwenden, wie folgt aus:

control.markAsDirty(); 

Dies wird auch Markieren Sie alle direkten Vorfahren als schmutzig, um das Modell zu erhalten.

Docs link

Answer 2

Für Vorlage angetrieben Formulare können wir unter generischen Code verwenden

public onSubmitForm(cardFormObject: NgForm) { 
     if (!cardFormObject.valid) 
      this.markAsDerty(cardFormObject);  

    } 

    private markAsDerty(cardFormObject: NgForm) { 
     for (var eachControl in cardFormObject.controls) { 
      (<FormControl>cardFormObject.controls[eachControl]).markAsDirty(); 
     } 
    }