FormGroup得到字段的值：類型錯誤：無法讀取的不確定

Question

我試圖做出「passwordConfirm」領域的驗證屬性「GET」，但我得到一個STANGE錯誤：ERROR TypeError: Cannot read property 'get' of undefined 這裏是我的代碼：

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

通過將this綁定到驗證程序，您試圖實現的目標可能會失敗，因爲多個驗證程序函數會合併到上下文可能不同的單個函數中。

但是，如果你遵循一個validator function的足跡，你可以做到以下幾點：

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

訣竅是，每次AbstractControl知道這是parent和root。

Answer 2

解決方案是檢查loginForm是否存在。如果我做了一個console.log this.loginForm它執行三次。第一次是未定義的，並導致錯誤。我不知道它爲什麼會發生，也許這是Angular的生命週期鉤。

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