Angular 2 动态矩阵表答案

【问题标题】：Angular 2 dynamic matrix tableAngular 2 动态矩阵表
【发布时间】：2018-10-03 02:52:03
【问题描述】：

如何在 Angular 2 中创建动态矩阵表？

矩阵应该是这样的：

    Test1   Test2   Test3
 A  1,5     1,8     1,6
 B  1,8     1,6     1,9
 C  1,6     1,6     1,8

这只是一个示例数据。 json 的大小是动态的。我可以进行比 3 更多的测试。我的 Json：

data = [{
 "test": "Test1",
  results: [{
    "env": "A",
    "result": 1,5
  }, {
    "env": "B",
    "result": 1,8
  }, {
    "env": "C",
    "result": 1,6
  }]
}, {
  "test": "Test2",
  results: [{
    "env": "A",
    "result": 1,5
  }, {
    "env": "B",
    "result": 1,7
  }, {
    "env": "C",
    "result": 1,6
  }]
}, {
  "test": "Test3",
  results: [{
    "env": "A",
    "result": 1,8
  }, {
    "env": "B",
    "result": 1,6
  }, {
    "env": "C",
    "result": 1,6
  }]
}];

提前致谢

【问题讨论】：

可以加完整的json
您可以使用 *ngFor 和您的数据数组填充 HTML 表格
你有例子吗？
谁给你发你展示的json是你最大的敌人。您必须使用 for..in 将 json 转换为数组数组（请参阅stackoverflow.com/questions/16174182/…），然后使用两个 *ngFor
我可以更改json格式。通常我有一个数组：[{test,env, result}, {test1,env1, result1}]。在我的情况下，数组的外观如何？

标签： angular typescript

【解决方案1】：

可能的解决方案可能是两个嵌入*ngFor-s：

<div *ngFor="let row of data">
  <span *ngFor="let column of row.results>
    {{column.result}}
  </span>
</div>

另外，请阅读this site's guide about how to ask good questions sou，您会得到更多答案。

【讨论】：