javascript - 尝试以 react 形式理解和解决 ExpressionChangedAfterItHasBeenCheckedError

Question

我对 Angular 和特别是 Reactive Forms 比较陌生，所以我不太明白为什么我会以简单的形式得到 ExpressionChangedAfterItHasBeenCheckedError。

Please refer to this StackBlitz

我理解异常的概念，但不知道我做错了什么导致它，以及如何解决这个问题。

在此先感谢您的帮助!

Answer 1

像这样修改 ClientGeneralComponent 的 ngAfterViewInit():

从'@angular/core'导入{ChangeDetectorRef};

constructor(private fb: FormBuilder,private cd: ChangeDetectorRef) {  }


ngAfterViewInit() {
    this.loadCurrentClient();

     this.clientUpdateSubscription = this.formGroup.valueChanges.subscribe(newVal => {
        this.updateClient();
     });
     this.cd.detectChanges();
}

Working Demo

要深入了解，请阅读此 article