Come impostare un modulo come incontaminato?

Question

• La forma che rappresenta lo stato entità viene modificato (giri sporco) è presentata
• espressamente dichiarati entità è ora allineato con lo stato forma che significa che il modulo dovrebbe essere impostato come incontaminato.

Come si fa? C'era $setPristine() in ng1. Btw, sto parlando del tipo di modulo ControlGroup.

Answer 1

C'è il metodo markAsPristine (sembra non documentato per ora, ma può essere trovato qui: https://github.com/angular/angular/blob/53f0c2206df6a5f8ee03d611a7563ca1a78cc82d/tools/public_api_guard/forms/index.d.ts#L42).

Fondamentalmente, this.form.markAsPristine() fa quello che ti aspetti.

Answer 2

aggiornamento

Nel nuovo modulo forme questo è stato migliorato molto.

AbstractControl, la classe base della maggior parte delle classi di form fornisce

markAsTouched({onlySelf}?: {onlySelf?: boolean}) : void 
markAsUntouched({onlySelf}?: {onlySelf?: boolean}) : void 
markAsDirty({onlySelf}?: {onlySelf?: boolean}) : void 
markAsPristine({onlySelf}?: {onlySelf?: boolean}) : void 
markAsPending({onlySelf}?: {onlySelf?: boolean}) : void 

e diversi altri nuovi metodi

disable({onlySelf, emitEvent}?: {onlySelf?: boolean, emitEvent?: boolean}) : void 
enable({onlySelf, emitEvent}?: {onlySelf?: boolean, emitEvent?: boolean}) : void 

setValue(value: any, options?: Object) : void 
patchValue(value: any, options?: Object) : void 

reset(value?: any, options?: Object) : void 
updateValueAndValidity({onlySelf, emitEvent}?: {onlySelf?: boolean, emitEvent?: boolean}) : void // (old) 
setErrors(errors: {[key: string]: any}, {emitEvent}?: {emitEvent?: boolean}) : void 

originale

Al momento non è supportato. Vedi https://github.com/angular/angular/issues/5568 e https://github.com/angular/angular/issues/4933. La soluzione usuale è ricreare il modulo per ottenere uno originale.

Answer 3

class MyComp { 
    form = new FormGroup({ 
     first: new FormControl('Nancy'), 
     last: new FormControl('Drew') 
    }); 
} 

    reset() { 
     this.form.reset(); // will reset to null 
    // this.form.reset({first: 'Nancy', last: 'Drew'}); -- will reset to value specified 
    } 

https://github.com/angular/angular/pull/9974

questo apparirà in RC5 o poi.