Javascript 具有完整月份视图的表，是否重复ng？

想创建一个像这样的表吗

（忽略样式）。我弄不清楚如何格式化数据，以便在html中生成此表

$scope.toddlers = [
{
  "name": "a",
  "day": 1,
  "total": 3
},
{
  "name": "b",
  "day": 2,
  "total": 4
},
{
  "name": "c",
  "day": 4,
  "total": 1
}
];

我想我需要改变我的数据格式，或者做一些我不能把这个表做对的事情。我应该如何格式化数据以给出此结果

仅供参考：我正在使用mongodb聚合获取数据

---

此片段可以生成您想要的布局：

<table border="1">
  <tr>
    <th></th>
    <th ng-repeat="day in days">{{day}}</th>
  </tr>
  <tr ng-repeat="toddler in toddlers">
    <td>{{toddler.name}}</td>
    <td ng-repeat="day in days">
      <span ng-if="toddler.day === day">{{toddler.total}}</span>
      <span ng-if="toddler.day !== day">0</span>
    </td>
  </tr>
</table>

{{day}
{{蹒跚学步的孩子.名字}
{{幼儿总数}
0

---

它首先重复

th

中的日期，在所有日期之前增加一个

th

。然后，如果当前学步儿童的日期与当前日期匹配，则显示

学步儿童总数

，否则使用

ng if

指令显示

0

。

无法回答当前显示的问题。您发布了一个可能布局的屏幕截图，但根本没有显示任何HTML的代码，以及与提供的屏幕截图无关的数组的单个代码片段。添加了plunker链接，请再次检查