ExpressionChangedAfterItHasBeenCheckedError MEAN堆栈

时间:2018-10-31 20:10:03

标签: angular

因此,当我按下编辑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>

0 个答案:

没有答案