angular - angular 6 - 用键盘输入关闭模式

Question

我用最少的代码在StackBlitz上重现了这个问题。

步骤 1：在输入中输入一个单词，然后按键盘输入按钮

第2步：将显示一个模态

第三步：按键盘上的回车键

在第 2 步中，我收到以下错误：

ExpressionChangedAfterItHasBeenCheckedError：表达式在检查后已更改。以前的值：'ng-untouched: true'。当前值：'ng-untouched: false'。

第 3 步应该关闭模态，但是模态关闭然后重新打开，但是，当我用鼠标按下确认按钮时，它会正确关闭模态。

标签： angulartypescript

Answer 1

处理 ExpressionChangedAfterItHasBeenCheckedError：将更改值的方法放在 set timeout 内

    setTimeout(() => {
      // Method changing the value of property
   },0);