如何使用RxJS

Question

JSON对象映射到打字稿对象我有下面的代码，这似乎错了：

public search(searchString: string): Observable<Array<ClientSearchResult>> { 
    let params = new HttpParams().set('searchString', searchString); 

    return this.http 
     .get<Array<ClientSearchResult>>(this.searchUrl, { params: params }) 
     .map((results: ClientSearchResult[]) => results.map((r: ClientSearchResult) => new ClientSearchResult(r))); 
} 

我知道，API返回一个JSON对象，它是不一样的我的打字稿的实例类。但是，我想使用TypeScript类中定义的属性。

有没有更好的方法将来自我的API调用的数组映射到实际由ClientSearchResult实例组成的数组？

这里是ClientSearchResult对象：

import { Name } from './name'; 

export class ClientSearchResult { 
    public id: string; 
    public name: Name; 
    public dateOfBirth: Date; 
    public socialSecurityNumber: string; 

    public get summary(): string { 
     let result: string = `${this.name}`; 

     if (this.dateOfBirth) 
      result += ` | ${this.dateOfBirth.toLocaleDateString()}`; 

     return result; 
    } 

    constructor(source: ClientSearchResult) { 
     this.id = source.id; 
     this.name = new Name(source.name); 
     this.dateOfBirth = source.dateOfBirth? new Date(source.dateOfBirth) : undefined; 
     this.socialSecurityNumber = source.socialSecurityNumber; 
    } 

    public toString(): string { 
     return this.summary; 
    } 
} 

Answer 1

我们用一个精彩的库映射到JSON对象打字原稿。 https://github.com/shakilsiraj/json-object-mapper

json-object-mapper依赖反射元数据库，因为它使用装饰器序列化和反序列化数据。

Answer 2

正如你可以尝试打字稿as运营商的内容投射到ClientSearchResult类型的API响应的选项。

import { Http, Response } from '@angular/http'; 

public search(searchString: string): Observable<ClientSearchResult[]> { 
    const params = new HttpParams().set('searchString', searchString); 
    return this.http.get(this.searchUrl, { params: params }) 
     .map((results: Response) => results.json() as ClientSearchResult[]); 
} 

这种方法需要你的模型类被作为接口，或仅仅是一个接口：

interface ClientSearchResult { 
    id: number; 
    // etc 
}