可观察的未定义

Question

我正在尝试从 observable 中提取值，我的订阅（组件）代码如下：

this.checkoutService.getDisabledDate().subscribe
(dates=>{this.formattedDate=dates}, 
(error:any)=>{console.log(error)});

在“日期”回调中，this.formattedDate 的 console.log 会打印正确的值。但是，尝试在订阅之外访问 this.formattedDate 是未定义的。

服务代码：

getDisabledDate():Observable<any>{
    let headers = new Headers({'Content-Type': 'application/json' });
    let options = new RequestOptions({headers:headers});
    let userRequest={action_id:0};
    let disabledDate={};

    return this.http
        .post(this.deliveryUrl,userRequest,options)
        .map((r:Response)=>r.json())
        .catch(this.handleError);
}

我已经执行了相同的操作，使用短格式 () 通过 queryParam 传递数据，在这种情况下它没有任何区别。我似乎忽略了用这个提取信息所必需的。

我看过两个： Angular2 HTTP using observables subscribe showing data undefined 和 Angular 2 return data from service is not availabe after RxJs subscribe.

我通过了他们的问题得到回答的地方。我错过了什么？

Answer 1

从您的问题中不清楚“外部”在哪里，但如果它是在您收到 Observable 的呼叫之后，那么这是预期的行为

someMethod() {
  this.checkoutService.getDisabledDate()
  .subscribe(
    // anything here is executed sometimes later when the response from the server arrives
    dates=>{ 
      this.formattedDate=dates;
      // code that depends on the result goes here
    }, 
    (error:any)=>{console.log(error)}
  );
  // this is executed first
}

您无法获取subscribe 之外的值。您可以使用map 并将结果返回给调用者订阅，就像在getDisabledDate 中所做的那样，或者您将代码移动到回调之一。