我正在尝试在垫子桌上展示一名员工的一些细节。我制作的同一张表是可编辑的。除了日期选择器,每个字段都在工作。因为日期选择器值相同(数组中的最后一个元素),因为它正在循环。请帮助在日期选择器中进行双向绑定。
<ng-container matColumnDef="Exp">
<mat-header-cell *matHeaderCellDef> Total Exp.(Yrs.) </mat-header-cell>
<mat-cell contenteditable=true [textContent]="row.totalexp_yrs" (input)="row.totalexp_yrs=$event.target.textContent" *matCellDef="let row">
{{row.totalexp_yrs}}
</mat-cell>
</ng-container>
<ng-container matColumnDef="startdate">
<mat-header-cell *matHeaderCellDef> Start Date </mat-header-cell>
<mat-cell contenteditable=true *matCellDef="let row;let i=index">
<input matInput [matDatepicker]="empfrom_i" name="empfrom_i" placeholder="Choose a date">{{row.emp_from}} </input>
<mat-datepicker-toggle matSuffix [for]="empfrom_i"></mat-datepicker-toggle>
<mat-datepicker #empfrom_i></mat-datepicker>
</mat-cell>
</ng-container>
<ng-container matColumnDef="enddate">
<mat-header-cell *matHeaderCellDef> End Date </mat-header-cell>
<mat-cell contenteditable=true *matCellDef="let row">
<input matInput [matDatepicker]="empto_i" name="empto" [(ngModel)]="row.emp_to" placeholder="Choose a date">
<mat-datepicker-toggle matSuffix [for]="empto_i"></mat-datepicker-toggle>
<mat-datepicker #empto_i></mat-datepicker>
{{row.emp_to}}
</mat-cell>
</ng-container>