Angular 2用空值实例化类

Question

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

Plunkr

我用

实例化

public members = new MemberClass();

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

所以基本上我正在尝试复制一个空结构，例如:

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

Answer 1

使用接口(interface) ;) 这是一种创建数组的方法，其中包含类型为 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，根据你的模型，以下不是Member-array 的模型，它们的名称和构建不匹配，但我已经根据你的模型创建了上面的模型提供。