我正在尝试使用angular 2创建一个Reactive表单。当我尝试从createFrom方法访问时,我无法抓住为什么“registerFrom”背后的概念给出了一个未定义的错误但我能够在其中访问它checkPassword方法。在视图初始化为模板中的事件侦听器后,我正在使用checkpassword方法。我确信两种方法的使用方式都有一些上下文逻辑。
当我从验证器中删除registerForm时,只需将组件引用传递给回调,然后尝试从回调中访问registerForm。它工作得很好
export class RegisterComponent {
registerForm : FormGroup;
constructor(
private _authService: AuthService,
private _f : FormBuilder,
private _router: Router
){
this.createForm();
}
createForm () : void {
this.registerForm = this._f.group({
password_group : this._f.group({
confirm_password : [
'',
Validators.compose([
CustomValidators.passwordMatch(this.registerForm)
])
]
}),
})
}
checkPassword() : any {
// Get typed password value
const password = this.registerForm.get('password_group.password').value;
}
}