Http कोणीय 2 कस्टम अतुल्यकालिक सत्यापन

Question

में काम नहीं करता मैं एक कस्टम अतुल्यकालिक सत्यापनकर्ता बनाने के लिए कोशिश कर रहा हूँ, अगर कोई ईमेल पहले से पंजीकृत है कि सर्वर और चेक करने के लिए चला जाता है।

दुर्भाग्य से, ऐसा लगता है कि प्राप्त अनुरोध, निकाल दिया कभी नहीं है, क्योंकि कुछ भी नहीं होता। मैंने subscribe के अंदर एकाधिक console.logs की कोशिश की है, लेकिन वे नहीं चल पाए।

मैं अगर उस अनुरोध सत्यापनकर्ता के बाहर काम करता है देख लिया है, और यह होता है, तो यह है कि समस्या नहीं है।

import { Component } from '@angular/core'; 
import { FormGroup, FormBuilder, Validators, FormControl } from '@angular/forms'; 
import { Response, Http } from '@angular/http'; 

@Component({ 
    templateUrl: 'build/pages/welcome/signup/signup.html', 
    providers: [AuthService, CustomValidators] 
}) 
export class Signup { 

    signupForm: FormGroup; 

    constructor(private formBuilder: FormBuilder, private http: Http) { 

     this.signupForm = formBuilder.group({ 
      'email': ['', Validators.required, this.checkEmail], 
     }): 
    } 

    checkEmail(control: FormControl): Promise<any> { 

      const promise = new Promise<any>(
      (resolve, reject) => { 

       this.http.get('/sharealead/main.php?action=checkEmail').subscribe(
        (res: Response) => { 
         console.log('it never gets here'); 
         console.log(res) 
         if (res.text() == 'already there') { 
          resolve({'emailTaken': true}); 
         } else { 
          resolve(null); 
         } 
        }, 
        (err) => { 
         console.log('it never gets here'); 
         console.log(err); 
        } 
       ) 
      } 
     ); 
     return promise; 
    } 

} 

Answer 1

ऐसा इसलिए है क्योंकि आप फ़ंक्शन का संदर्भ देते हैं और आप this संदर्भ खो देते हैं। आप bind विधि या एक रैपिंग तीर समारोह का उपयोग कर सकते तय करने के लिए कि (घटक उदाहरण के लिए समारोह लिंक):

this.signupForm = formBuilder.group({ 
     'email': ['', Validators.required, this.checkEmail.bind(this) ], 
}); 

या

this.signupForm = formBuilder.group({ 
     'email': ['', Validators.required, (control:Control) => { 
      return this.checkEmail(control); 
     } ], 
}); 

आपके मामले में, this एक http शामिल नहीं है संपत्ति ...