angular - 如何在Angular中为表格着色？

Question

这是摩擦。我需要为 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() 吗？

我在子组件中为绘画设置了方法，但我有点不知该如何让它们工作。

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