如何在Angular中为桌子上色？

如何解决如何在Angular中为桌子上色？

这是擦。我需要给html表格中的单元格上色。

该表由ngFor制成，宽7列。每列都是ngFor创建的组件。

<table>
    <app-day-display-schedule *ngFor="let day of daysOfWeek" [day]="day" [colorToPaint]="colorToPaint"
        [activityId]="activityId" #dataCellToPaint></app-day-display-schedule>
</table>

我尝试使用ViewChild，但是很明显，我只能绘制每个组件中的第一个单元格。

我与ViewChildren进行了测试

@ViewChildren('dataCellToPaint') dataCellToPaint: QueryList<NgModel>;

ngAfterViewInit() {
    console.log(this.dataCellToPaint);
}

因此，我获得了包含所有7个组件的列表，但是如何说出要开始绘制的单元格呢？我每次想绘画时都应该使用ForEach（）吗？

我在绘画的子组件中设置了方法，但是我有点茫然如何使它们起作用。

任何帮助表示赞赏。干杯。