Angular2でsubscribeを使用する方法

Question

お客様が注文したすべての注文を取得したいと考えています。 私のコンポーネントでは、以下のように書いています。

ngOnInit() { 
    this.customerId = this.getCustomer(); 
    this.orderHistoryItems = this.getOrders(); 
} 

getCustomer(): string { 
    this._accountService.getCustomer() 
     .subscribe((response) => { 
      if (response.GeneralStatus.toString() === 'Success') { 
       return response.Result.CustomerId; 
      } 
     }); 
    return ""; 
} 

getOrders(): OrderHistory[] { 

    this._trackOrdersService.getOrders(this.customerId) 
     .subscribe((response) => { 
      if (response.GeneralStatus.toString() === 'Success') { 
       return response.Result; 
      } 
     }); 
    return []; 
} 

私はundefinedとして得意先取得しています初めて、これを呼び出します。コントロールは、上記のgetCustomer()メソッドのsubscribeにif条件を入力していません。 同じページをリロードすると、customerIdとordersも取得します。私はgetCustomerとgetOrdersのそれぞれのhttpコールを以下のように記述しました。

getOrders(custId) { 
    return this._http.get(`${this.apiUrl}GetOrders?CustomerID=${custId}`, { headers: this.headers }) 
     .retry(2) 
     .map(function (res) { 
      return res.json(); 
     }); 
} 

getCustomer(): Observable<ApiResponse<Customer, string>> { 
    return this._http.get('${this.apiUrl}LoggedInCustomer', { headers: this.headers }) 
     .retry(2) 
     .map((response) => response.json()) 
     .catch(this.handleError); 
} 

上記のコードに間違いがある場合は、私を助けてください。

Answer 1

subscribe呼び出しで結果を返そうとしていると思いますが、これはインライン関数を使用しているため機能しません。

方法は再びObservableを返却するか、あるいは、このようなコールバックを渡すために、次のようになります。

ngOnInit() { 
    this.getCustomer((id) => { 
     this.customerId = id; 
    }); 

    this.getOrders((orderItems) => { 
     this.orderHistoryItems = orderItems; 
    }); 
} 

getCustomer(callback: (id) => void) { 
    this._accountService.getCustomer() 
     .subscribe((response) => { 
      if (response.GeneralStatus.toString() === 'Success') { 
       callback(response.Result.CustomerId); 
      } 
     }); 
} 

getOrders(callback: (orderItmes: OrderHistory[]) => void) { 

    this._trackOrdersService.getOrders(this.customerId) 
     .subscribe((response) => { 
      if (response.GeneralStatus.toString() === 'Success') { 
       callback(response.Result); 
      } 
     }); 
}