Html 在angular2中的数组上迭代

嗨，我想用angular2迭代下面的数组

let list = [{"-1" : [{a : 1, b: 2, c: 2}, {a:3, b: 4, c: 2}]},
            {"0" : [{a : 12, b: 32, c: 22}, {a:31, b: 24, c: 32}}]

并以表格格式显示输出，如图所示

请帮我解决这个问题

下面的代码我已经试过了

<table >
<thead>
  <tr>
    <th > a </th>
    <th > b </th>
    <th > c </th>
  </tr>
</thead>
<tbody >
  <tr *ngFor="let element of list">
           <td> {{element['-1'].a}}</td>
           <td> {{element['-1'].b}}</td>
           <td> {{element['-1'].c}}</td>
  </tr>
 </tbody>
 </table> 

A.
B
C
{{element['-1'].a}
{{element['-1'].b}
{{element['-1'].c}

---

但是我无法添加行“-1”、“0”

如果稍微重新格式化数据，效果会更好：

let list=[
{“-1”：[{a:1，b:2，c:2}，{a:3，b:4，c:2}]}，
{“0”：[{a:12，b:32，c:22}，{a:31，b:24，c:32}
]
this.list=list.map（项=>{
常量键=对象键（项）
返回{
标题：键[0]，
数据：项[键[0]]
}
})

然后您需要使用两个循环来渲染它。可能如下所示：

A.
B
C
{{item.header}}
{{row.a}}
{{row.b}}
{{row.c}}

---

演示：

如果稍微重新格式化数据，效果会更好：

let list=[
{“-1”：[{a:1，b:2，c:2}，{a:3，b:4，c:2}]}，
{“0”：[{a:12，b:32，c:22}，{a:31，b:24，c:32}
]
this.list=list.map（项=>{
常量键=对象键（项）
返回{
标题：键[0]，
数据：项[键[0]]
}
})

然后您需要使用两个循环来渲染它。可能如下所示：

A.
B
C
{{item.header}}
{{row.a}}
{{row.b}}
{{row.c}}

---

演示：

欢迎使用SO，请检查如何提问：您尝试了什么，在哪里失败了？@dfsq这是一个键入错误，请立即检查。这是数组中的一个数组。您只迭代了一次。欢迎使用SO，请检查如何提问：您尝试了什么，在哪里失败了？@dfsq这是一个键入错误请现在检查。它是数组中的一个数组。您只进行了一次迭代。感谢解决方案它帮助了很多+1。感谢解决方案它帮助了很多+1。