Получение ошибки ExpressionChangedAfterItHasBeenCheckedError

Я работаю в приложении angular и получаю следующую ошибку:

ExpressionChangedAfterItHasBeenCheckedError: выражение изменилось после проверки. Предыдущее значение: 'ng-untouched: true'. Текущее значение: 'ng-untouched: false'.

У меня есть поле ввода, которое выглядит так:

<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;
  }
}

Кто-нибудь знает, почему я получаю эту ошибку? И как мне от этого избавиться? Спасибо.