这种在 Angular 中创建 HTTP 服务的方法是否正确？

Question

这是 HTTP 服务，发出一个获取 longArray.js 的 get 请求；

import { Injectable } from '@angular/core';
import { Http } from '@angular/http';

import 'rxjs/Rx';

@Injectable()
export class HttpService {

  constructor(
    private http: Http
  ) {}

  getHttpReq(url: string): Promise<any> {
    return new Promise((resolve, reject) => {

    this.http.get('http://192.168.0.189/longArray.js')
      .map(response => response.json())
      .subscribe(
        function(response) {
          console.log("Success Response ");
          resolve(response);
        },
        function(error) {
          console.log("Error happened " + error);
          reject(error);
        },
        function() {
          console.log("Subscription is completed ");
        }
      );

    });
  }
}

这是一个返回 bool 承诺的方法，具体取决于 longArray.js 是否由 getHttpReq（在 HttpService 类中）获取;

getLongArrayTryOrFail(): Promise<boolean> {
    return new Promise((resolve,reject) => {

      this.httpService.getHttpReq('')
        .then(response => resolve(true))
        .catch(error => reject(false))

    });
  }

• 这种创建 HTTP 服务的方法正确吗？
• 基本上 getHttpReq（在类 HttpService 中）订阅一个 Observable 并根据订阅的成功响应或错误来解决或拒绝承诺。我说的对吗？

Answer 1

1. 这种创建 HTTP 服务的方法正确吗？

不，通常你不应该考虑将 Promise 与 Observable 一起使用。

1. 基本上 getHttpReq（在类 HttpService 中）订阅一个 可观察的 & 解决或拒绝承诺取决于 订阅的成功响应或错误。我说的对吗？

你的 Promise 实现没有任何问题，但我不明白你为什么不使用 Observable。它拥有您想要的一切 + 他们很懒惰。下面是几行代码的 Observable 实现。

代码

export class HttpService {

  constructor(
    private http: Http
  ) {}

  getHttpReq(url: string): Observable<any> {
    return this.http.get('http://192.168.0.189/longArray.js')
      .map(response => response.json());
    });
  }
}
//consumption
getLongArrayTryOrFail(): Observable<boolean> {
    return this.httpService.getHttpReq('')
        .map(response => true)
        .catch(error => Observable.throw(false));
    });
}