Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 角2动态矩阵表_Angular_Typescript - Fatal编程技术网

Angular 角2动态矩阵表

Angular 角2动态矩阵表,angular,typescript,Angular,Typescript,如何在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

如何在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
  }]
}];

提前感谢

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

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


你可以添加完整的
json
吗?你可以使用*ngFor和你的数据数组填充一个HTML表。你有一个例子吗?谁给你发送你所展示的json是你最大的敌人。您必须使用for..in(请参阅)在数组中转换json,然后使用two*ngForI可以更改json格式。通常我有一个数组:[{test,env,result},{test1,env1,result1}]。在我的例子中,数组应该是什么样子的?