如何使用 Typescript 为 Angular 反应表单声明模型类答案

【问题标题】：How do I declare a model class using Typescript for Angular reactive Form如何使用 Typescript 为 Angular 反应表单声明模型类
【发布时间】：2019-06-25 22:19:53
【问题描述】：

我想为响应式表单创建一个模型。

JSON 文件如下所示：

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

感谢您的帮助:)

【问题讨论】：

我觉得这个question可以帮助你
谢谢，但我的问题不在于制作表格。这是关于制作我将在反应形式中使用的模型:)

标签： angular

【解决方案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);

【讨论】：

谢谢，但这不是我想要的，也没有反映 JSON 文件:(
应该是这样的：
export class DataModel { const ITEMS: [string, string[]]; const NAME: string; const QUANTITY: string[]; constructor() { this.ITEMS[{this.NAME, this.QUANTITY[]}]; } }
ITEMS 是一个数组，其中包含一个字符串调用 NAME 和一个字符串数组调用 QUANTITY :)
``` yourString = ` { "ITEMS": [ { "NAME": "aaa", "QUANTITY": ["140", "60"] } } `; foo: Item = JSON.parse(this.yourString); ```

【解决方案2】：

有型号：

export class DataModel {
    public ITEMS: any[];

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

【讨论】：