Как раскрасить стол в 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() каждый раз, когда я хочу рисовать?

Я установил методы в дочернем компоненте для рисования, но я немного не понимаю, как мне заставить их работать.

Любая помощь приветствуется. Ура.