Angular 角2动态矩阵表
如何在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
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}]。在我的例子中,数组应该是什么样子的?