Asynchrone Daten von Angular 2 zurückgeben Service

Question

Ich habe eine Komponente in Angular 2, die einen Dienst aufruft und es jemandem erlaubt, sich bei Facebook anzumelden. Es funktioniert wie folgt:

In meiner Komponente ich meinen Dienst rufen mit this.facebook.login()

Und in meinem Dienst, innerhalb login(), ich jemand mit FB.login(res => { //do stuff with res });

anmelden lassen Sie die Facebook-Auth Fenster Dies erscheint, in dem Sie eingeben Ihr Benutzername und Passwort.

Das funktioniert gut. Nachdem sich jemand bei seinem Facebook-Account anmeldet, hat res die Daten, die ich von Facebook benötige. Aber was ich wirklich tun möchte, ist, die Daten zurück zu meiner Komponente zu bringen, damit ich Sachen damit machen kann. Wie kann ich diese Daten zurückgeben, nachdem sie sich bei Facebook eingeloggt haben? Ich habe versucht mit Observables, aber ich laufe immer wieder auf Fehler.

Answer 1

Ohne Ihren vollständigen Code zu sehen, kann ich nicht genau sagen, aber Sie sind auf dem richtigen Weg. In Ihrem Dienst, in dem Sie den FB-Login durchführen, müssen Sie diese Option als beobachtbar festlegen, damit Sie sich anmelden können.

public Login(): Observable<any> { 
    return Observable.create((observer: NextObserver<any>) => { 
     // Do the FB login and wait for the data to come back 
     FB.login(response => { 
      // Return the data as an observable 
      observer.next(<any>response); 
      observer.complete(); 
     }); 
    }); 
}