angular - 打字稿角度中的动态矩阵结构

Question

我需要创建一个在页面上显示的结构，它将是矩阵和动态的。这里动态意味着可以从复选框检查列表中添加新的行和列。

为此，我尝试在 typescript 中创建一个包含两个属性的类，一个是名称，另一个是项目数组。

export class MatrixDTO {
  constructor() {
    this.name = "";
    this.items = [];     
  }
  name : string;
  items :Array<number>;
  
}

在组件中，我试图创建一个 MatrixDTO 数组，以便每个数组进一步包含一个名称和项目数组。

  mat : MatrixDTO[]= new MatrixDTO(); 

但在这种情况下我收到以下错误：

类型 'MatrixDTO' 缺少类型 'MatrixDTO[]' 的以下属性：长度、弹出、推送、连接和 26 多个。

标签： angulartypescript

Answer 1

mat : MatrixDTO[]= new MatrixDTO();

使用该行，您尝试将单个对象分配给数组，这就是错误的原因。您可以改为编写示例：

mat: MatrixDTO[] = [];
mat: MatrixDTO[] = [new MatrixDTO()];
mat: MatrixDTO = new MatrixDTO();