Ошибка ExpressionChangedAfterItHasBeenCheckedError

Question

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

ExpressionChangedAfterItHasBeenCheckedError: Выражение изменилось после его проверки.Предыдущее значение: 'ng-нетронутый: 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;
  }
}

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