Wie bekomme ich Variablen innerhalb einer RxJS subscribe() Funktion?

Question

Ich arbeite mit angular2. Jetzt habe ich Probleme, einen Wert innerhalb von subscribe() zu erhalten. Ich weiß, dass es Null zurückgibt. Wie kann ich den korrekten Wert zurückgeben?

Hier ist mein Code. Jeder gibt mir einen Rat, es wäre sehr hilfreich. Danke :)

this.deliveryService.deliveryCancel(rowInfo.branchId, rowInfo.id).subscribe(
 
       res => { 
 
       var data = res.json(); 
 
       this.getDeliveryList(); 
 
       this.msgs.push({ severity: 'success', summary: 'Info', detail: rowInfo.deliveryStatus }); 
 
       }, 
 
       err => { 
 
       this.errMessage = <any>err; 
 
       this.msgs.push({ severity: 'error', summary: 'Error', detail: this.errMessage }); 
 
       } 
 
      ); 
 
      
 
      console.log(data);

deliveryCancel()

deliveryCancel(branchId, deliveryId) { 
 
    const headers = new Headers({ 
 
     'Content-Type': 'application/json' 
 
    }); 
 
    return this.http.put(this.testUrl + '/admin/branches/' + branchId + '/deliveries/' + deliveryId + '/cancel', { 
 
     headers: headers 
 
    }) 
 
     .catch(handleError); 
 
    }

Answer 1

Sie können nicht darauf zugreifen res.json() ähnlich. Und initialisiere "Daten" als Klassenvariable. Versuche dies.

Answer 2

Dies ist keine eckige Frage, sondern eher eine Javascript-Frage über asynchrones Verhalten, das den Ablauf der Ausführung unterbricht.

Das bedeutet, dass bei jedem Fehler oder Erfolg, der von deliveryCancel() zurückgegeben wird, die Funktion res oder err aufgerufen wird.

Ihre console.log (Daten) wird nur einmal ausgeführt und nie Teil dieser Funktionen.

Dies ist, was Sie nach:

this.deliveryService.deliveryCancel(rowInfo.branchId, rowInfo.id).subscribe(
     res => { 
     this.data = res['_body']; 
     this.getDeliveryList(); 
     this.msgs.push({ severity: 'success', summary: 'Info', detail: rowInfo.deliveryStatus }); 
console.log(data); 
     }, 
     err => { 
     this.errMessage = <any>err; 
     this.msgs.push({ severity: 'error', summary: 'Error', detail: this.errMessage }); 
console.log(data); 
     } 
    );