Angular 2实例化具有空值的类

发布时间：2020-12-17 17:54:49 所属栏目：安全来源：网络整理

导读：如何将成员实例化为具有空值的类？ Plunkr 我实例化了 public members = new MemberClass(); 但控制台显示成员：{}所以我无法设置默认的空值所以基本上我试图复制一个空结构,如： this.members = [ { "Name" : "","Id" : "","Team" : "","Cases" : { "histo

如何将成员实例化为具有空值的类？

Plunkr

我实例化了

public members = new MemberClass();

但控制台显示成员：{}所以我无法设置默认的空值

所以基本上我试图复制一个空结构,如：

this.members = [ 
    { 
      "Name" : "","Id" : "","Team" : "","Cases" : {
        "history" : []
      }
    }
];

解决方法

使用接口;)这是一种可以使用属性设置为Member的空对象创建数组的方法.我不知道用例,至少我没有设置空对象/数组模型的属性,但在这里我们去:)

首先你的接口是：

export interface Member {
    Id: string;
    Name: string;
    Cases: Case[];
}
export interface History {
    Id: string;
    CaseNumber: string;
}
export interface Case {
    History: History[];
}

然后创建3个函数来设置属性：

export function createMember(Id?:string,Name?:string,Cases?:Case[]): Member {
  return {
    Id,Name,Cases[createCase()]       
  }
}

export function createCase(History?:History[]): Case {
  return {
    History[createHistory()]
  }
}

export function createHistory(Id?: string,CaseNumber?:string): History {
  return {
    Id,CaseNumber
  }
}

现在在您的组件中,您可以调用函数createMember,然后调用另外两个函数：

members = [createMember()];

PS,根据你的型号,以下不是会员阵列的型号,它们的名称和构建不匹配,但我已经创建了上面的,基于你提供的型号.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!