带Angular HTTP的类型化可观测对象

Question

简短：有一个返回http调用（get、put等）的方法，使用typescript类型确定返回的项的类型？

在TypeScrpt级别，promise是泛型类型。它承载您期望的消息类型，例如IPromise

您也可以对Observables（RxJS）执行同样的操作。很简单，我们有可观察的

回到Angular，HTTP模块包装了可观察对象。它不会立即返回值，但会发出包含http相关内容（状态、状态文本、url等）的http调用，而不仅仅是值。在http中。d、 ts，http。获取、放置、发布等返回可见

问题是：在http调用中是否有可能预定义http调用/可观察返回的类型？类似于可观察的东西




Answer 1

也许这会帮助某人。。。

@Injectable()
export class UsersModel {
  getItem(id: number): Observable<User> {
    return this.http.get(`${API_URL}/users/${id}`, {
      headers: this.getHeaders()
    });
  }
}

在上面的代码中，抛出的错误是可观察的

@Injectable()
export class UsersModel {
  getItem(id: number): Observable<User> {
    return this.http.get(`${API_URL}/users/${id}`, {
      headers: this.getHeaders()
    })
    .map((res) => res.json());
  }
}

现在没有冲突，因为res.json（类响应）返回any。这为我们提供了一种可能性，让getItem方法返回我们的特定类型：getItem（id:number）：可观察的

this.UsersModel.getItem().subscribe(u => {
  u // u is of User already, yay!
})

Answer 2

我想你在找这样的东西：

import 'rxjs/add/operator/catch';
import 'rxjs/add/operator/do';
import 'rxjs/add/operator/map';
import 'rxjs/add/observable/of';

get(id: number): Observable<User> {
    const url = `${this.baseUrl}/${id}`;

    return this.http
               .get(url)
               .do((response: Response) => {
                 if (!response) {
                   return Observable.of(null);
                 }
               })
               .map((response: Response) => {
                   return <User>response.json();
               })
               .catch(error => {
                 return Observable.of(null);
               });
}