Angular2如何创建在内部执行Observable的Promise？

Question

我认为这不是很复杂的问题，但我有点困惑如何使用 Promise 来解决这个问题。

有 3 个重要的实例：

• 组件
• HtppService
• 工具服务

结构如下： 组件有ToolService来执行函数——例如函数create()。 ToolService 有 HttpService，方法 create() 是这样的：

public create(){

  this.httpService.create().subscribe(

    (data) => {
      //some complex processing
    },
    (error) => {
      //handling error
    }
  );

}

您可以猜到httpService.create() 返回http.put()

问题是我想通知Component create() 的结果。所以我的想法是create()应该返回一个Promise，当(data)时会实现，当(error)时会被拒绝。

我有点困惑如何做到这一点。也许我应该以其他方式做到这一点？ 请提出一些建议。

Answer 1

在您的服务内import {Http, Response} from '@angular/http'; import { Observable } from 'rxjs/Observable';

在您的服务构造函数中创建 Http constructor(private http:Http){} 的实例

public create(parameterToBeSend : any){
  return 
  this.http.put(`http://enter_your_service_url_here`,parameterToBeSend)
  .map( (response: Response) => {
      const data = response.json();
      return data;
   })
  .catch( (error: Response) => {
      return Observable.throw('Something went wrong');  
   }) 
  }

.map 将创建另一个可观察对象，在将数据发送到您的组件之前，您可以在这里简单地处理它。 .catch 如果您想发送任何自定义错误，那么这将很有用，但请确保它不返回 Observable，因此您需要像我一样显式转换它。 最后在您的组件中使用以下

public create(){
this.httpService.create().subscribe(
 (data) => {//complex process},
 (error) => {//handling error}
);
}

Answer 2

您的“工具服务”应如下所示

create(): Observable<any> {
   return this.httpService.create().map((response) => {
      return response;
   });
 }

而“组件”应该是这样的

this.toolService.create().subscribe((response) => {
   // Do what ever you want here
});

希望对您有所帮助！