获取ExpressionChangedAfterItHasBeenCheckedError错误(Ge

我在一个角度应用程序的工作，而且我发现了以下错误：

ExpressionChangedAfterItHasBeenCheckedError：它检查后表达发生了变化。 前值 'NG-不变：真'。 当前值： 'NG-不变：假'。

我有一个看起来像这样的输入域：

<input matInput type="text" [(ngModel)]="description" #descriptionInput />
{{ descriptionInput.focus() }}

我的组件看起来是这样的：

@Component({
  selector: 'app-watermelon-dialog',
  templateUrl: './watermelon-dialog.component.html',
  styleUrls: ['./watermelon-dialog.component.scss']
})
export class WatermelonDialogComponent extends GeneralDialogComponent implements OnInit {

  public description : string;

  constructor(
    public dialogRef: MatDialogRef<GeneralDialogComponent>,
    @Inject(MAT_DIALOG_DATA) public dialogData: GeneralDialogModel,
    ngDynFormService: DynamicFormService,
    public generalDialogService: GeneralDialogService) {
      super(dialogRef,
        dialogData,
        ngDynFormService,
        generalDialogService);
  }

  ngOnInit() {
    this.description = this.dialogData.extra;
  }
}

有谁知道为什么我得到这个错误？ 而且我怎么能摆脱它？ 谢谢。

文章来源: Getting ExpressionChangedAfterItHasBeenCheckedError error