Angular 4-将JSON映射到模型，反之亦然

import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';

@Injectable()
export class DataService {
  constructor(private http: HttpClient) { }

  getJsonData() {
    return this.http.get('url_to_json_data');
  }
}

export class MyModel {
  property1: string;
  property2: number;
  // ...

  constructor(data: any) {
    Object.assign(this, data);
  }
}

@Component({
  selector: 'app',
  template: `
    <div *ngFor="let item of jsonData">
      <p>{{ item.property1 }}</p>
      <p>{{ item.property2 }}</p>
    </div>
  `
})
export class AppComponent implements OnInit {
  jsonData: MyModel[];

  constructor(private dataService: DataService) { }

  ngOnInit() {
    this.dataService.getJsonData().subscribe(data => {
      this.jsonData = data.map(item => new MyModel(item));
    });
  }
}