Question

我正在尝试将收到的JSON数据映射到我创建的模型上。问题是，JSON数据有嵌套数组。所以不可能按照我想要的方式映射我的数据。我的方式是错误还是有更好的方法来映射我的JSON数据？

JSON-数据

{
"data": {
    "apiName": "test-application",
    "stages": [
        {
            "stage": "prod",
            "id": "xxxxxxxx",
            "methods": [
                {
                    "id": "xxxxxx",
                    "path": "/users/create",
                    "httpMethods": [
                        "GET"
                    ],
                    "methodName": "testMethod",
                    "url": "https://xxxx/xxxxx/xxxxxx"
                }
            ]
        },
        {
            "stage": "dev",
            "id": "xxxxxxx",
            "methods": [
                {
                    "id": "xxxxxxx",
                    "path": "/users/create",
                    "httpMethods": [
                        "GET"
                    ],
                    "methodName": "testMethod",
                    "url": "https://xxxxx/xxxxxx/xxxx"
                }
            ]
        }
    ]
}
}

型号：

import {ApiStage} from "./ApiStage";
export class Api {
  constructor(values: Object = {}){
    Object.assign(this, values);
  }
  public apiName: string;
  public stages: ApiStage[];
}

import {ApiMethod} from "./ApiMethod";
export class ApiStage {
  constructor(values: Object = {}){
    Object.assign(this, values);
  }
  public stage: string;
  public id: string;
  public methods: ApiMethod[];
}

export class ApiMethod {
  constructor(values: Object = {}){
    Object.assign(this, values);
  }
  public id: string;
  public path: string;
  public httpMethods: string[];
  public methodName: string;
  public url: string;
}

服务中的HTTP方法：

getApi() {
return this.http.post(this.url, this.data, {headers: this.headers})
  .map(this.extractData)
  .map(api => new Api(api))
  .catch((error: any) => Observable.of(error.json().error || 'Server error'));
}

private extractData(res: Response) {
  let body = res.json();
  return body.data || {};
}

Answer 1

JSON只有一组非常有限的数据类型 - 字符串，数字，布尔值，数组，对象。如果要将JSON对象树转换为自定义类的对象树，则必须以递归方式执行此操作并创建正确的对象 - 而不是使用看起来像是类的对象。

这个过程可能很繁琐且容易出错，因此最好使用类变换器（https://github.com/pleerock/class-transformer）等库，它可以为您完成。您只需使用装饰器（例如@Type（...））注释类，然后您可以使用plainToClass（）方法转换普通JSON对象，或使用classToPlain（）将实际对象序列化为JSON。

嵌套JSON数组的Angular2映射到模型

1 个答案: