FormGroup Feldwert zu erhalten: Typeerror: kann Eigenschaft ‚get‘ undefinierter

Question

Ich versuche, eine Validierung machen für „passwordConfirm“ Feld lesen, aber ich erhalte eine Stange Fehler: ERROR TypeError: Cannot read property 'get' of undefined hier ist mein Code:

loginForm: FormGroup; 


ngOnInit(){ 
    this.loginForm = new FormGroup({ 
     'email': new FormControl(null, [Validators.required, Validators.email]), 
     'password': new FormControl(null, Validators.required), 
     'passwordConfirm': new FormControl(null, [Validators.required, this.checkIfMatchingPasswords.bind(this)]), 
    }); 
} 



checkIfMatchingPasswords() { 
    return this.loginForm.get('password').value === this.loginForm.get('passwordConfirm').value ? null : { notSame: true} // error 
    } 

Answer 1

Was Sie versuchen, durch die Bindung this an Ihren Validator zu erreichen, ist wahrscheinlich fehlgeschlagen, da mehrere Validator-Funktionen in einer einzigen Funktion zusammengeführt werden, wo der Kontext wahrscheinlich anders ist.

Wenn Sie jedoch den Abdruck eines validator function folgen, können Sie folgendes tun:

checkIfMatchingPasswords(control: AbstractControl): ValidationErrors | null { 
    return control.root.get('password').value === control.value ? null : { notSame: true }; 
} 

Der Trick ist, dass jeder weiß, dass es AbstractControlparent und root ist.

Answer 2

Die Lösung ist zu überprüfen, ob die LoginForm vorhanden ist. Wenn ich eine console.log von this.loginForm mache, wird es dreimal ausgeführt. Das erste Mal ist nicht definiert und verursachte den Fehler. Ich weiß nicht, warum es passiert, vielleicht sind das die Lebenszyklus-Haken von Angular.

checkIfMatchingPasswords() { 
    if (this.loginForm) { 
     return this.loginForm.get('password').value === this.loginForm.get('passwordConfirm').value ? null : {notSame: true}; 
    } 
    }