Angular 4 投射http响应的正确方法

我在 Angular 4 中创建了一个服务，并使用以下代码通过 REST/JSON（Angular 的新功能）获取数据：

界面

export interface IItem {
    Id: number;
    Title: string;
}

Service

import { IItem } from './item';
import { Injectable } from '@angular/core';
import { HttpClient, HttpErrorResponse, HttpHeaders } from '@angular/common/http';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/throw';
import 'rxjs/add/operator/catch';
import 'rxjs/add/operator/do';
import 'rxjs/add/operator/map';

@Injectable()
export class ItemTest {

    constructor(private _http: HttpClient) {}

    getItems(): Observable<IItem[]> {
        return this._http.get<IItem[]>('url')
            .do(data => {
                console.log(data);
            })
    }
}

如果响应采用这种格式，则 http 转换为 IITem 可以正常工作

[
    {
        "Id": 53,
        "Title": "Test Document 4.docx"
    },
    {
        "Id": 55,
        "Title": "Test Document 2.docx"
    }
]

但服务器的实际响应看起来像这样，并且转换不起作用。将响应的“结果”部分转换为 IItem 数组的最佳方法是什么？

{
    "d": {
        "results": [
            {
                "Id": 53,
                "Title": "Test Document 4.docx"
            },
            {
                "Id": 55,
                "Title": "Test Document 2.docx"
            }
        ]
    }
}

get 的特定类型应该描述您期望收到的实际响应 JSON 的形状。然后编译器可以实际上帮助你告诉您是否正在访问和返回正确的内容。在你的情况下：

getItems(): Observable<IItem[]> {
    return this._http.get<{ d: { results: IItem[] } }>('url')
        .map(response => response.d.results)
        .do(data => {
            console.log(data);
        }):
}

请注意，这些都不是casting响应数据，只是描述 it.

至于你的其他建议：

.get<IItem[]>(...)
.map((data) => data['d']['results']) 

如果您要错误地断言响应的类型，那么进行不安全的属性访问，编译器只能假设是any，您可能根本不使用类型。当编译器告诉您正在访问错误的属性时，不要只是忽略它。