如何使用angular2中的JSON数据填充类/模型

Question

我有一个来自服务的json数据，但目前我创建了一个模拟json数据。 要求：我想将这些数据填充到我的班级中。有人可以建议类的体系结构应该如何以及如何将数据从JSON填充/映射到类。

JSON数据

Run

Answer 1

您可以创建打字稿类：

public class Data {
  type: string;
  name: string;
  elements: ElementItem[];
}

public class ElementItem {
  name: string;
  displayType: string;
  selectionType: string;
  facets: Facet[];
}
public class Facet {
  name: string;
  selected: Boolean;
  link: Link;
  hits: Hit;
}
public class Link {
  type: string;
  uri: string;
}
public class Hit {
  type: string;
  uri: string;
}

Answer 2

你的模特

您的服务

export class YourModel {
    yourProperty: any;
    yourProperty2: any;

    constructor(options: {
        yourProperty: any;
        yourProperty2: any;
    }) {
        this.yourProperty = options.yourProperty;
        this.yourProperty2 = options.yourProperty2;
    } 
}

Answer 3

export class Person {

    dateOfBirth: Date;
    age: number;
    comments: string[];

    constructor(values: Object = {}) {
        Object.assign(this, values);
    }
}