Winkel 5 synchrone HTTP-Aufruf

Habe ich eine Eckige 5 Anwendung, in der ich noch zu nennen einige schwere REST-Dienst (dauert in der Regel einige Sekunden). Ich brauche das Ergebnis in anderen Teil der Anwendung, also ich möchte speichert das Ergebnis in einer DataStorageService.
Im Grunde ist dies würde ich gerne erreichen:

@Injectable()
export class DataStorageService {

private result: MyCustomObject;

constructor(private service: Service) {}

getResult(): MyCustomObject {
    if (typeof this.result === 'undefined') {
        //save result
    }
    return result;
}

Die Frage ist, wie kann ich warten, bis die HTTP-Anforderung abgeschlossen ist und dann speichern und zurück die 'Ergebnis' - Objekt. Ich habe versucht, es zu lösen, mit der Verheißung und Beobachtbar als gut, aber keiner von Ihnen hat gut funktioniert.

  1. Beobachten:

    if (typeof this.result === 'undefined') {
    this.service.call()
        .subscribe(response => this.result = response);
}
return this.result;  //wait for save and return MyCustomObject

  2. Versprechen:

    if (typeof this.result === 'undefined') {
    this.service.call()
        .toPromise()
        .then(response => this.result = response);
}
return this.result;  //wait for save and return MyCustomObject
  • Ihre getResult(): Promise<MyCustomObject> sollte auch wieder ein Versprechen/zu beobachten. Wird code die fehlende codes bei der Rückkehr vom Mittagessen. In der Zwischenzeit schauen Sie in github.com/ngrx/store vielleicht bringt eine neue Lösung für das problem.
  • Ich möchte vermeiden, eine Rückkehr zu Versprechen oder zu Beobachten. Ich brauche zu aggregieren, das Ergebnis in verschiedene Objekte nach geöffneten Seite. Dies würde mein code so hässlich, wenn ich immer zu abonnieren, um ein Versprechen. Statt mit einem einfachen Objekt.
  • Hinweis: um code-Klarheit und Wartung: Ihre Methode ist benannt getResult(), aber es ist eigentlich das Ergebnis speichern, so dass das Verhalten nicht mit dem Namen und führt zu Verwechslungen
  • Du hast Recht David. Ich schrieb es von Grund auf zum besseren Verständnis. Vielleicht ist es Wert, sich zu bewegen, die Funktion "speichern" in eine ngOnInit Methode.
  • Ich aktualisiert meine Frage, da das original war zu vieldeutig mit unnötigen codes. Tut mir Leid.
InformationsquelleAutor aszidien | 2018-03-23
  1. 12

    Versuchen Sie es mit await/async 

    async getResult(): Promise<MyCustomObject> {
    if (typeof this.result === 'undefined') 
    {
        //save result
        this.result = await this.service.call()
        .toPromise()
        .then(resp =>resp as MyCustomObject);//Do you own cast here

    }
    return this.result;
}
    • Danke David, es funktioniert perfekt!
    • Du bist willkommen 🙂
    • sollte nicht die Methode Signatur: async getResult(): Versprechen<MyCustomObject> ?
    InformationsquelleAutor David
  2. 0

    Die Frage ist, wie kann ich warten, bis die HTTP-Anforderung abgeschlossen ist und dann speichern und zurück die 're
    sult' - Objekt.

    //Code in service:

    ServiceMethod:Observabke<any>(){
     if (typeof this.result === 'undefined') {
                return this.service.call().map(res=>res);
}

    //Dies ist der code in der Komponente.

     componentMethod(){


        return this.service.ServiceMethod()
            .subscribe(response => {
                this.result = response;
               },
               ()=>//handle error,
               () => //call completed { return this.result;  //Subscriber});
    }
    return this.weeklyPlayer;  //MyCustomObject (This return won't wait for http to get completed. Not sure why you want multiple returns.)

    }

    Hoffe, das hilft.

    • Darf ich wissen, den Grund für downvote?
    • Nicht mein downvote, aber ich denke, es ist, weil Ihr code nicht warten, bis die http-Aufruf auf fertig stellen, um das zuweisen und geben den Wert zurück
    • Wenn Sie reden "zurück.weekPlayer" ich habe im Kommentar, dass es nicht funktioniert. Und für dieses Ergebnis, dem Es zugeordnet ist, in subsrcibe und zurückgegeben, wenn der Anruf abgeschlossen ist.
    • Ich habe nicht downvote Sie. Sowieso, ich habe bereits versucht, etwas sehr ähnlich ist. Wenn ich rufe diese Methode von einer Komponente, es gibt auch mit einem Abonnenten statt MyCustomObject. Soweit ich das verstanden habe, muss ich nutzen Versprechen, mit await/async warten für die service-Antwort. Es ist nicht möglich um mein problem zu lösen mit zu Beobachten.
    • Oh wait. Wenn Sie wollen, nennen Sie es von der Komponente, die andere. Ich bin eine Aktualisierung meiner Antwort.
    • Überprüfen Sie meine aktualisierte Antwort.
    • Danke Dheeraj, ich wirklich zu schätzen Ihre Hilfe. Vielleicht bin ich falsch, aber ich glaube nicht, dass es lösbar mit Beobachten in keiner Weise. Wenn ich rufe "getResult()" in eine Komponente, die es immer wieder mit Abonnenten statt meiner realen Objekt. Die einzige Lösung die funktionierte, wenn ich die zugeordneten Beobachtbaren Versprechen und verwendet await/async-keywords pausieren, die Ausführung und warten auf die Auflösung.

    InformationsquelleAutor Dheeraj Kumar
Schreibe einen Kommentar