Angular2，在运行时创建模型

Question

我是 angular2 新手，有没有办法在运行时创建模型（或类）。

标准技术是在单独的文件中声明它，例如 Hero.ts、Customer.ts、Salesman.ts 等

但由于应用程序的性质，它自身的数据库结构经常会发生变化。

我们使用 WebAPI 获取字符串 JSON 格式的模型/类结构并基于下载的 JSON 字符串在运行时创建它的策略。

我们如何在 TypeScript 中完成？

谢谢

Answer 1

您的数据库结构经常变化？听起来很令人兴奋。 :) 我会为您提到的每个模型创建一个接口，但将属性标记为可选：

export class Hero {
  name: string;
  age?: string;
  sex?: string;
}

然后，您可以从 HTTP 响应中获取对象并说它们是 Hero 类型。

Answer 2

啊……它实际上是在英雄之旅文档的开头，在类型检查之前。链接：https://angular.io/guide/http#getting-json-data

类型检查不是必需的。只是推荐。

演示

操作 JSON 对象：

使用可观察对象（异步）

a.service.ts

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

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

  getData() {
    return this.http.get('http://something.com/api'); // Returns an observable
  }
}

a.component.ts

export class AComponent {
  constructor(private service: AService) { }

  doSomething() {
    this.service.getData().subscribe((data) => {
      // do things here
    });
  }
}

使用 Promise 和 async/await（同步）

如果请求是一次性请求，并且不需要操作 observable 中的数据，可以使用 Promises 和 async/await 来编辑原始 JS 对象数据：

a.service.ts

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

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

  getData() {
    return this.http.get('http://something.com/api').toPromise(); // Returns a promise
  }
}

a.component.ts

export class AComponent {
  constructor(private service: AService) { }

  async doSomething() {
    const data = await this.service.getData();
    // do things here
  }
}