Заполните DOM после представления init Angular

Question

Я пытаюсь построить компонент календаря в Angular. Пока это моя HTML структура:

<tr>
    <td *ngFor="let cell of cells" id="{{cell}}">{{cell}}</td>
</tr>
<tr>
    <td *ngFor="let cell of cells" id="{{+cell+7}}">{{+cell+7}}</td>
</tr>
<tr>
<td *ngFor="let cell of cells" id="{{+cell  +14}}">{{+cell  +14}}</td>
</tr>
<tr>
    <td *ngFor="let cell of cells" id="{{+cell  + 21}}">{{+cell  + 21}}</td> 
</tr>
<tr>
    <td *ngFor="let cell of cells" id="{{+cell  + 28}}">{{+cell  + 28}}</td> 
</tr>
<tr>
    <td *ngFor="let cell of cells" id="{{+cell  + 35}}">{{+cell  + 35}}</td> 
</tr>

В основном это таблица с 42 ячейками и 7 ячейками в каждой строке и идентификатором с номером ячейки. Теперь у меня вопрос: есть ли способ заполнить эти ячейки правильными днями?

Например: у меня есть номер первого дня недели месяца (в феврале это 5 для субботы). Я хочу начать итерацию с элемента с идентификатором 5, начиная с 1, и установить для его внутреннего HTML значение итератора.

Кто-нибудь знает, как выполнить sh это или подсказку так что я могу сам разобраться?

С наилучшими пожеланиями Фонзане