wie man HTTP-Aufruf innerhalb asynchronen Formvalidierungsmethode in Winkel 2 endgültig machen?

Question

Ich benutze Angular 2 final Version und versuche für die asynchrone Formularvalidierung. In meinem Komponente Code unten in Konstruktor Ich habe:

this.myForm = this._formBuilder.group({ 
     'firstName': ['', Validators.compose([Validators.required, Validators.maxLength(45), ValidationService.nameValidator])], 
     'userName': ['', Validators.compose([Validators.required]), Validators.composeAsync([ValidationService.userNameValidator])], 
     'userEmail': ['', Validators.compose([Validators.required, ValidationService.emailValidator])], 
     'confirmEmail': ['', Validators.required], 
     'password': ['', Validators.compose([Validators.required, ValidationService.passwordValidator])], 
     'confirmPassword': ['', Validators.required] 
     }); 

Ich versuche, wie zu überprüfen, ob Benutzername bereits in db über http Aufruf existiert eingegeben.

Validation Methode ist wie folgt:

static userNameValidator(control: FormControl){ 
    let http: Http; 
    if (control.value.trim().length === 0) { 
     return new Promise((resolve, reject) => { 
      resolve(null); 
     }); 
    } 
    if (control.value) { 
     console.log('value:' + control.value); 
     return new Promise((resolve, reject) => { 
      setTimeout(() => { 
       var url = '/isUserNameUnique/';//this is getting printed 
       console.log('url is ' + url); 
       http.get(url + control.value + '/').map(response => response.json()).subscribe(result => { 
        if (result === false) { 
         resolve({'userAlreadyInUse': true}); 
        } else { 
         resolve(null); 
        } 
       }); 
      }, 1000); 
     }); 
    } 
} 

der Konsole ausgegeben erhält. Aber http Anruf wird nicht gemacht. Fehler sagt

Kann jemand mir helfen zu verstehen, was ist das Problem genau?

Answer 1

Sie haben http nicht verwendet, indem Sie es von der Abhängigkeit nehmen. Ich würde sagen definieren Klasse mit statischen Methode drin. Dann fragen Sie nach http Abhängigkeit in Konstruktor und verwenden Sie es wo immer Sie es wollen.

-Code

@Injectable() 
export class MyClass { 
    constructor(private http: Http) {} 
    static userNameValidator(control: FormControl) { 
    if (control.value.trim().length === 0) { 
     return new Promise((resolve, reject) => { 
     resolve(null); 
     }); 
    } 
    if (control.value) { 
     console.log('value:' + control.value); 
     return new Promise((resolve, reject) => { 
     setTimeout(() => { 
      var url = '/isUserNameUnique/'; //this is getting printed 
      console.log('url is ' + url); 
      //used http as this.http 
      this.http.get(url + control.value + '/').map(response => response.json()) 
      .subscribe(result => { 
      if (result === false) { 
       resolve({ 
       'userAlreadyInUse': true 
       }); 
      } else { 
       resolve(null); 
      } 
      }); 
     }, 1000); 
     }); 
    } 
    } 
}