Как получить переменные внутри функции RxJS subscribe()?

Question

Я работаю с угловым2. Теперь у меня возникают проблемы с получением значения внутри subscribe(). Я знаю, что он вернет null. Как я могу вернуть правильное значение?

Вот мой код. Кто-нибудь даст мне совет, было бы очень полезно. Спасибо :)

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

Вы не можете получить доступ к res.json(), как это. И инициализируйте «данные» как переменную класса. Попробуй это.

data = {}; 

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 }); 
      }, 
      err => { 
      this.errMessage = <any>err; 
      this.msgs.push({ severity: 'error', summary: 'Error', detail: this.errMessage }); 
      } 
     ); 

     console.log(data); 

Answer 2

Это не угловой вопрос, а вопрос javascript об асинхронном поведении, нарушающем поток исполнения.

Подписывание означает, что при любой ошибке или успехе, возвращенной доставкойCancel(), вызывается функция res или функция err.

Ваш console.log (данные) выполняется только один раз и никогда не является частью этих функций.

Это то, что вы после:

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); 
     } 
    );