角度6-使用键盘输入关闭模态

Posted 2021-04-09

我用最少的代码复制了StackBlitz上的问题。

步骤1：在输入中输入单词，然后按键盘的Enter键

步骤2：将显示模式

步骤3：按键盘上的Enter键

在步骤2中，我得到以下错误：

ExpressionChangedAfterItHasBeenCheckedError：表达式已更改 经过检查后。先前的值：“ ng-untouched：true”。当前 值：'ng-untouched：false'。

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

答案

问题是您在输入事件上打开了模式，同时按下了[[confirm按钮上的回车，它关闭了模式但也触发了与您的文本框有关的事件。

(keyup.enter)=

另一答案

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

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