角色组件

时间:2017-08-11 10:18:39

标签: angular typescript

我正在尝试使用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;
    }
}

0 个答案:

没有答案