因此,当我按下编辑contract
时,我将获得除两个日期以外的所有数据,并且还会收到此错误
错误
错误:ExpressionChangedAfterItHasBeenCheckedError:检查表达式后,表达式已更改。上一个值:“值:1970年1月1日”。
当前值:“值:”。
在viewDebugError(core.js:7299)
在expressionChangedAfterItHasBeenCheckedError(core.js:7287)
在checkBindingNoChanges(core.js:7389)
在checkNoChangesNodeInline(core.js:10249)
在checkNoChangesNode(core.js:10236)
在debugCheckNoChangesNode(core.js:10839)
在debugCheckDirectivesFn(core.js:10767)
at Object.eval [作为updateDirectives](EditComponent.html:16)
在Object.debugUpdateDirectives [作为updateDirectives](core.js:10756)
在checkNoChangesView(core.js:10135)
我使用MEAN堆栈并使用Angular的材质模块。也使用FormBuilder和FormGroup
ngOnInit() {
this.route.params.subscribe(params => {
this.id = params.id;
this.contractService.getContractById(this.id).subscribe(res => {
this.contract = res;
this.updateForm.get('titulliProkurimit').setValue(this.contract.titulliProkurimit);
this.updateForm.get('dataPublikimit').setValue(this.contract.dataPublikimit);
this.updateForm.get('dataNenshkrimit').setValue(this.contract.dataNenshkrimit);
this.updateForm.get('vleraFillestare').setValue(this.contract.vleraFillestare);
this.updateForm.get('vleraFinale').setValue(this.contract.vleraFinale);
this.updateForm.get('drejtoria').setValue(this.contract.drejtoria);
});
});
}
updateContract(titulliProkurimit, dataPublikimit, dataNenshkrimit, vleraFillestare, vleraFinale, drejtoria) {
this.contractService.updateContract(this.id, titulliProkurimit, dataPublikimit, dataNenshkrimit, vleraFillestare, vleraFinale, drejtoria).subscribe(() => {
this.snackBar.open('Contract Updated Successfully!', 'OK', {
duration: 3000
});
this.router.navigate(['/contracts']);
});
}
这是更新表单上未显示的两个值
<mat-form-field class='field-full-width'>
<input matInput [matDatepicker]="picker1" placeholder='Publication Date' formControlName='dataPublikimit'
[value]="dataPublikimit.value" #dataPublikimit>
<mat-datepicker-toggle matSuffix [for]="picker1"></mat-datepicker-toggle>
<mat-datepicker #picker1></mat-datepicker>
</mat-form-field>
<mat-form-field class='
field-full-width'>
<input matInput [matDatepicker]="picker" placeholder='Assignment Date' formControlName='dataNenshkrimit'
[value]="dataNenshkrimit.value" #dataNenshkrimit>
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<mat-datepicker #picker></mat-datepicker>
</mat-form-field>