初始化一个类的数组：Angular 5答案

【问题标题】：Initializing an array of a class : Angular 5初始化一个类的数组：Angular 5
【发布时间】：2018-12-21 06:15:38
【问题描述】：

我正在尝试以 5 角初始化一个类的数组。

export class B{

  public Colors: string;
  public Temp: number;
  public Numbers: number;

}

export class A{

  public MyTable: B[];
  public othervar: number;
  ...
  ...
}

然后我尝试像这样初始化 MyTable：

var test = new A();

test.MyTable[0].Numbers = 25;
test.MyTable[0].Colors= "blue";

这是正确的吗？

【问题讨论】：

TypeScript typed array usage的可能重复

标签： angular typescript

【解决方案1】：

你还有新用途new B()：

const test = new A();

test.MyTable = [];
test.MyTable[0] = new B();
test.MyTable[0].Numbers = 25;
test.MyTable[0].Colors= "blue";

【讨论】：

我这样做了，但是我的整个 html 组件都搞砸了。每当我尝试使用该数组时，我的 html 组件中都不会显示任何内容。我在那里有插值，一旦我对 test.MyTable 数组做任何事情，它们都不起作用......
你能发布那个 HTML 吗？没有理由添加适当的类实例初始化本身就应该搞砸任何事情。
我添加了一行来初始化数组。
这里是我的问题的现场测试：stackblitz.com/edit/…
你有 <table> 标记围绕着一些不是表格的东西——它只是不可见的。我将其更改为<div> 只是为了看看发生了什么。
在 div 内部的标记中，只有 {{_types.MyTable[0].Colors }} 对您的课程有意义——其余的都会导致错误。