Angular - 在返回的 JSON 数组中强制执行模型格式

Question

在使用 Angular 时，我有以下模型:

export interface MyModel {
    id: number;
    content: string;
}

在服务中，我请求具有 MyModel 属性的 JSON 数据。像这样:

function getMyModel() {
    return this.http
       .post('http://www.somewhere.com/getOneModel')
       .map(result => <MyModel> result.json())
       .catch(this.handleError);
}

返回的JSON是这样的:

{ id: 1, content: "Stuff" }

在getMyModel()你会看到的，而我 map()结果我通过这样做确保 JSON 符合 MyModel:<MyModel> result.json() .

到目前为止一切正常。

现在我想返回一个模型数组并确认它们都符合 MyModel。

function getLotsOfModels() {
    return this.http
       .post('http://www.somewhere.com/getLotsOfModels')
       .map(result => result.json())
       .catch(this.handleError);
}

返回的JSON是这样的:

{[
    { id: 1, content: "Stuff" },
    { id: 2, content: "More stuff" }
]}

在这种情况下 map()无法确认 JSON 数组元素与 MyModel 一致，因为结果是一个数组。如何检查结果是否正确？

Answer 1

您可以将它们转换为 MyModel[]。

function getLotsOfModels() {
    return this.http
     .post('http://www.somewhere.com/getLotsOfModels')
     .map(result => <MyModel[]> result.json())
     .catch(this.handleError);
}

Typescript 不会做任何结构检查，因此转换只能在运行时失败。如果您在 MyModel 上有任何方法。 Json 没有它们，当您想要调用一个方法时，您会遇到问题。

例如，在您获得模型后:

myModel.myMethod();

这将在运行时抛出错误，因为底层 JSON 没有定义函数，并且编译器由于转换而无法捕获它。