如何使用Typescript为Angular反应形式声明模型类

Question

我想为反应式表格创建一个模型。

JSON文件如下所示：

      {
        "ITEMS": [
          {
            "NAME": "aaa",
            "QUANTITY": ["140", "60"]
          }
        ]
      }

感谢您的帮助：）

Answer 1

这里有一个示例item.model.ts及其在app.component.ts的申请。

https://stackblitz.com/edit/angular-s3obqy?embed=1&file=src/app/app.component.html

对于这种字符串对象，您可以在app.component.ts处进行解析：

 yourString = ` {
        "ITEMS": [
          {
            "NAME": "aaa",
            "QUANTITY": ["140", "60"]
          }
        ]
      }`;

  foo: Item = JSON.parse(this.yourString);

Answer 2

有型号：

export class DataModel {
    public ITEMS: any[];

    constructor(public NAME: string, public QUANTITY: Array<string>) {
        this.ITEMS = [{NAME, QUANTITY}];
    }
}