时间戳

首页 > 解决方案 > 如何在Angular中将数组项添加到导入的模型（接口）

json - 如何在Angular中将数组项添加到导入的模型（接口）

问题描述

下面是我的模型，我想创建一个请求，如下所示。

 export interface   IItemFlow
    {
        itemId : number;
        itemName:string;

    }

    export class ISaveItemFlowRequest {
        itemFlowRequest:IItemFlow[];
        userId:number;
    }

component.ts 中的导入模型

import { ISaveItemFlowRequest, IItemFlow} from "../item/model/Iitemflowfile"

保存按钮单击使用 push() 将项目添加到模型中。

   this._saveItemFlowRequest.itemFlowRequest.push({itemId:101;itemName:'ABC'});

错误：无法读取未定义的属性“itemFlowRequest”

我的请求应生成如下。

{
  "itemFlowRequest": [
    {

      "itemId": 1,"itemName":"ABC"
    },
    {

      "itemId": 2,"itemName":"xyz"
    }
  ],
  "userId": 22
}

标签： jsonangulartypescript

解决方案

您需要初始化this._saveItemFlowRequest;

this._saveItemFlowRequest: ISaveItemFlowRequest  = {itemFlowRequest : [], userId: null}
this._saveItemFlowRequest.itemFlowRequest.push({itemId:101;itemName:'ABC'});

另一种方法是创建一个具有实现的构造函数的类ISaveItemFlowRequest

推荐阅读