L oop проблема добавления нескольких текстовых полей в каждом столбце

Question

Я создаю систему управления временем, которая использует календарь angular. Я отображаю задачи в одном столбце, а затем 7 дней в неделю, где мне нужно ввести время для его отслеживания. Я получаю введенную дату и часы из базы данных. Затем я проверю дату, соответствующую текущей дате, и дату, совпадающую с той же датой, и затем я покажу часы в соответствующем столбце. Если я добавлю время дня, l oop будет работать нормально. Но если я добавлю 3 дня, каждый столбец текстового поля будет повторяться, то есть если я добавлю 7 дней, то в каждом столбце будет 7 текстовых полей. Кто-нибудь может помочь мне решить проблему?

<div class="Wrap" *ngFor="let user of taskassignd">
<div>{{user.task.task_name}}</div>   
 <div class="column1 " >
	<div *ngFor="let userTimesheet of timesheet">
		<input type="text" [value]="(((currentSu | date:'MM/dd/yyyy') === (userTimesheet?.date | date:'MM/dd/yyyy')) && (user.task.tesk_id == userTimesheet?.task)) ? userTimesheet.totaleffort : ''" formControlName="sutime">
	</div>
</div>
<div class="column2" >
	<div *ngFor="let userTimesheet of timesheet">
		<input type="text" [value]="(((currentMo | date:'MM/dd/yyyy') === (userTimesheet?.date | date:'MM/dd/yyyy')) && (user.task.tesk_id == userTimesheet?.task)) ? userTimesheet.totaleffort : ''" formControlName="motime">
	</div>
</div>
<div class="column3 " >
	<div *ngFor="let userTimesheet of timesheet">
		<input type="text" [value]="(((currentTu | date:'MM/dd/yyyy') === (userTimesheet?.date | date:'MM/dd/yyyy')) && (user.task.tesk_id == userTimesheet?.task)) ? userTimesheet.totaleffort : ''" formControlName="tutime">
	</div>
</div>
<div class="column4 " >
	<div *ngFor="let userTimesheet of timesheet">
		<input type="text" [value]="(((currentWe| date:'MM/dd/yyyy') === (userTimesheet?.date | date:'MM/dd/yyyy')) && (user.task.tesk_id == userTimesheet?.task)) ? userTimesheet.totaleffort : ''" formControlName="wetime">
	</div>
</div>
<div class="column5" >
	<div *ngFor="let userTimesheet of timesheet">
		<input type="text" [value]="(((currentTh | date:'MM/dd/yyyy') === (userTimesheet?.date | date:'MM/dd/yyyy')) && (user.task.tesk_id == userTimesheet?.task)) ? userTimesheet.totaleffort : ''" formControlName="thtime">
	</div>
</div>
<div class="column6" >
	<div *ngFor="let userTimesheet of timesheet">
		<input type="text" [value]="(((currentFr | date:'MM/dd/yyyy') === (userTimesheet?.date | date:'MM/dd/yyyy')) && (user.task.tesk_id == userTimesheet?.task)) ? userTimesheet.totaleffort : ''" formControlName="frtime">
	</div>
</div>
<div class="column7" >
	<div *ngFor="let userTimesheet of timesheet">
		<input type="text" [value]="(((currentSa | date:'MM/dd/yyyy') === (userTimesheet?.date | date:'MM/dd/yyyy')) && (user.task.tesk_id == userTimesheet?.task)) ? userTimesheet.totaleffort : ''" formControlName="satime">
	</div>
</div>
</div>