Async Validator never resolves to true

Question

I have created the following validation function:

passwordValid(control:Control):{ [key: string]: any; } {
    clearTimeout(this.timer);
    if (control.value){
        let q = new Promise((resolve) => {
            this.timer = setTimeout(()=>{
                this._http.post('/check', control.value)
                    .subscribe(
                        success=>{
                            resolve(null);
                        },
                        error=>{
                            resolve({'invalid': true});
                        })
            },1000);
        });
        return Observable.fromPromise(q);
    };
}

When I hook it to the control like this:

control: ['', this.passwordValid.bind(this)]

It never changes control validaiton to 'valid'. It is always invalid. What am I doing wrong?

Ankit Singh · Accepted Answer · 2016-07-11 13:38:00Z

2

Async validator should be at index 2

control: ['', null, this.passwordValid.bind(this)]

edited Jul 11, 2016 at 13:38

answered Jul 11, 2016 at 13:28

Ankit Singh

25k12 gold badges69 silver badges90 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Thierry Templier · Accepted Answer · 2016-07-11 13:28:30Z

2

With your code, you register your validator as a synchronous one (second parameter of the control).

For asynchronous ones, you need to use the third parameter:

control: ['', null, this.passwordValid.bind(this)]

This article could interest you:

http://restlet.com/blog/2016/02/17/implementing-angular2-forms-beyond-basics-part-2/

answered Jul 11, 2016 at 13:28

Thierry Templier

203k44 gold badges407 silver badges365 bronze badges

Collectives™ on Stack Overflow

Async Validator never resolves to true

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related