angular - 使用 ReactiveForms 和 NgbModal 时的 ExpressionChangedAfterItHasBeenCheckedError

Question

我有一个响应式(Reactive)表单，当用户在输入中按下 ESC 键时，我想在表单隐藏之前显示“你确定吗”模式。
一旦显示模态，我就会在控制台中收到以下异常:

ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has 
changed after it was checked. Previous value: 'ng-untouched: true'. Current 
value: 'ng-untouched: false'.

Here is a stackblitz显示问题(焦点输入并按 ESC)

注:当您聚焦输入，模糊并再次聚焦时，问题不会显示为 ng-untouched不会再改变。

有什么解决方法吗？实现此类功能的推荐方法是什么？

提前致谢!

Answer 1

尝试这个:

this.form = new FormGroup({
  test: new FormControl('',{updateOn:'submit'})
})