angular2 & typescript & reactiveX：如何转换 http 获取结果

Question

假设我们在这个 url /api/stuffs/ 有一个 rest api，我们可以在其中获取 Stuff 的列表。

这里是http获取Stuff列表的代码：

getStuffs(): Observable<Stuff[]> {
    return this.http.get(this.url)
        .map(this.extractStuffs)
        .catch(this.handleError);
}

private extractStuffs(res: Response) {

    let stuffs = res.json() as Stuff[];

    return stuffs || new Array<Stuff>();
}

这段代码一切正常，除了extractStuffs函数中的stuffs数组不是Stuff的数组而是Object的数组，即使函数的签名是Observable<Stuff[]> 并且来自 api 的结果被转换为 Stuff[]。奇怪的是 typescript 编译器没有抛出任何错误（即使结果类型与签名不同），如果我们查看生成的 JS 文件，这是完全正常的：

StuffService.prototype.extractStuffs = function (res) {
    var stuffs = res.json();
    return stuffs || new Array();
};

显然编译器甚至没有考虑将结果转换为Stuff[]。

有什么方法可以在不手动进行的情况下正确投射？

谢谢。

Answer 1

每当我遇到类似情况时，我都会通过一个循环进行投射（我猜你是手动定义的）。

这是一个客户而不是东西的例子

getCustomers(code: string) {
        let url = environment.baseServicesUrl + 'customer';
        let jsonParam = {code: code};
        return this.http.post(url, jsonParam, this.getOptions())
                    .map(this.extractData)
                    .map((customerJsons) => {
                        let customers = new Array<Customer>();
                        customerJsons.forEach((customerJson) => {
                            customers.push(<Customer>customerJson);
                        })
                        return customers
                    })
                    .catch(this.handleError);
    }

铸造类型 Customer 是一个接口。

这是Customer.interface.ts

的代码

import {Relationship} from './relationship.interface';

export interface Customer {
    customerId: string;
    name: string;
    lastName: string;
    code: string;
    relationships: Array<Relationship>;
}

这是 Relationship.interface.ts

的代码

export interface Relationship {
    id: string;
    type: string;
}