ng-repeatでフル月間表示のテーブル？

Question

はちょうどこの

（スタイリングを無視する）のようなテーブルを作りたかったのです。私はHTMLでこのテーブルを作るためにデータを整形する方法を混乱させた。

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

私は自分のデータフォーマットや何かを変更する必要があると思います。私はこのテーブルを正しく作れません。どのように私はこの結果を与えるために私のデータをフォーマットする必要があります。

FYI：mongodb aggregateを使用してデータを取得しています。日のすべての前に、もう1つのthと、thに

<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> 

それは最初の日に繰り返す：

plunker link

Answer 1

このスニペットは、あなたが希望しているレイアウトを生成することができます。現在の幼児の日が現在の日と一致する場合は、toddler.total、それ以外の場合は0、ng-ifディレクティブが使用されます。