Я пытаюсь показать несколько подробностей о сотруднике в матричной таблице. Та же самая таблица, которую я сделал как редактируемая. За исключением datepicker, все поля работают. Пожалуйста, помогите сделать двустороннее связывание в DatePicker.
<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>