Angular 如何以角度2+；显示二维数组的值；是否在年度日历的模板文件中？

我正试图建立一个年度日历。现在我可以有12个月的父母和所有的孩子，这就可以了，但我宁愿减少html。我有一个名为yearlyCalendarArr的变量，它是一个月的2d数组，其中包含正确的天数和空格（它被控制台记录在中）

HTML

{{个月[i]}
{{w[0]}

在

天中循环一天

 <div class="month-divider">
     <div class="item" *ngFor="let d of days;let di=index">
       <div>{{d}}</div>
       </div>
    </div>

您可能需要在大屏幕上进行一些css修复

如果有人问，是的，我知道，我必须处理闰年，而且风格更好，我没有在OP中包括这一点，以便减少问题的非必要代码。谢谢，是的，我只是为这个问题添加了一些风格。
 <div class="month-divider">
     <div class="item" *ngFor="let d of days;let di=index">
       <div>{{d}}</div>
       </div>
    </div>

.month-divider {
  display: flex;
  flex-flow: row wrap;
  align-content: space-between;
  justify-content: space-between;
}
.item {
   display: contents;
}
.item>div{

 width: 1.2em;
 flex:1;
  background: gold;
  text-align: left;
}

.item:nth-child(7n)::after {
  content: '';
  width: 100%;
}