Dostęp do "tej" obietnicy wewnętrznej

Question

W funkcji opisu maszynopisu poniżej "ten" nie rozwiązuje problemu z wystąpieniem EmailValidator. Jak mogę poprawić tę funkcję, aby rozwiązała poprawne wystąpienie EmailVaildator, a następnie, aby uzyskać dostęp do _registerServices?

class EmailValidator { 

    constructor(private _registerServices: RegisterServices) { } 

    isAvailable(c: AbstractControl): Promise<ValidationResult> { 
     let q = new Promise((resolve, reject) => { 
      this._registerServices.emailIsAvailable(antiForgeryToken(), c.value) 
       .then(result => { 
        // Need to actually check the result. 
        resolve({ "emailtaken": true }) 
       }, 
       error => { 
        // Need to communicate the server error? Probably not. 
        resolve({ "servererror": true }) 
       }); 
     }); 

     return q; 
    } 
} 

Answer 1

Tracisz this, ponieważ są przechodzącą wokół isAvailableEmail jako funkcja „surowego” tutaj:

email: ['', Validators.required, this._emailValidator.isAvailableEmail] 

problem ten można rozwiązać poprzez wiązanie go this (za pomocą strzałki tłuszczu):

email: ['', Validators.required, 
    (control) => { this._emailValidator.isAvailableEmail(control) } 
] 

Answer 2

Okazało się, że „to” Wniosek ten został niezdefiniowane, nawet jeśli to było używane w następujący sposób:

class EmailValidator { 

    constructor(private _registerServices: RegisterServices) { } 

    isAvailable(c: AbstractControl): EmailValidator { 
     return this; // 'This' is undefined! 
    } 
} 

wnoszę to ma coś wspólnego z tym, jak metoda nazwano, może przepuszczenie metoda niestatyczny gdzie oczekiwano metoda statyczna:

... 
this.registerForm = fb.group({ 
    email: ['', Validators.required, this._emailValidator.isAvailableEmail], 
    password: ['', Validators.compose([Validators.required, Validators.minLength(8)])], 
    phoneNumber: ['', Validators.required], 
    country: ['', Validators.required] 
    }); 
... 

Jeśli ktoś może zaoferować pewne wskazówki na temat tego, co jest występujący tu, że byłoby fantastycznie.

moje rozwiązanie

ja zreorganizowane mój kod i produkowane następujący:

class EmailValidator { 

    static isAvailableEmail(services: RegisterServices): (AbstractControl) => Promise<ValidationResult> { 
     let g = (c: AbstractControl) => { 
      return new Promise((resolve, reject) => { 
       services.emailIsAvailable(antiForgeryToken(), c.value) 
        .then(result => { 
         // Need to actually check the result. 
         resolve({ "emailtaken": true }) 
        }, 
        error => { 
         // Need to communicate the server error? Probably not. 
         resolve({ "servererror": true }) 
        }); 
      }); 
     }; 

     return g; 
    } 
} 

i zmieniła jego wykorzystania:

... 
this.registerForm = fb.group({ 
    email: ['', Validators.required, 
     EmailValidator.isAvailableEmail(this._registerService)], 
    password: ['', Validators.compose([Validators.required, Validators.minLength(8)])], 
    phoneNumber: ['', Validators.required], 
    country: ['', Validators.required] 
    }); 
... 

który działa poprawnie.

Answer 3

Masz problem, ponieważ podajesz wartość isAvailable, która jest funkcją. Nie wykonujesz go, tylko przekazujesz odwołanie do funkcji.

Jednym ze sposobów rozwiązania tego jest w @Thilo's answer

Innym sposobem jest przypisanie isAvailable do wyrażenia lambda zamiast funkcji. tak:

class EmailValidator { 

    constructor(private _registerServices: RegisterServices) { } 

    isAvailable = (c: AbstractControl): Promise<ValidationResult> => { 
     let q = new Promise((resolve, reject) => { 
      this._registerServices.emailIsAvailable(antiForgeryToken(), c.value) 
       .then(result => { 
        // Need to actually check the result. 
        resolve({ "emailtaken": true }) 
       }, 
       error => { 
        // Need to communicate the server error? Probably not. 
        resolve({ "servererror": true }) 
       }); 
     }); 

     return q; 
    } 
} 

Answer 4

chciałbym zaproponować, aby napisać to trochę inny

class EmailValidator { 

    constructor(private _registerServices: RegisterServices) { } 

    isAvailable(c: AbstractControl): Promise<ValidationResult> { 
     return this._registerServices.emailIsAvailable(antiForgeryToken(), c.value) 
      .then(result => { 
       // Need to actually check the result. 
       return { "emailtaken": true } 
      }) 
// shorter .then(result => ({ "emailtaken": true })) 
      .catch(error => { 
       // Need to communicate the server error? Probably not. 
       return { "servererror": true } 
      }); 
// shorter .catch(error => ({ "servererror": true })) 

     }); 

    } 
}