typescript 带键盘输入角6 -闭合模态

bvn4nwqk  于 2022-11-26  发布在  TypeScript
关注(0)|答案(3)|浏览(173)

我用最少的代码在StackBlitz上重现了这个问题。
第一步:在输入框中输入一个单词,然后按键盘回车键
第2步:将显示模态
第三步:按键盘上的回车键
在步骤2中,我得到了以下错误:
表达式在选中后更改错误:表达式在选中后已更改。以前的值:“吴恪:true“。当前值:“吴恪:错误“。
第3步应该关闭模态,但是模态关闭后又重新打开,但是,当我用鼠标按下确认按钮时,它正确关闭了模态。

e5nszbig

e5nszbig1#

问题是您在输入事件上打开了模态,当您在确认按钮上按下输入时,它关闭了模态,但也激发了与您的文本框相关的事件。

(keyup.enter)=

这就像你按下回车键,首先模式关闭,然后你的输入框事件触发,然后根据逻辑模式再次打开。你可以通过将你的事件更改为keyup来确认这一点。然后,你将遇到与你报告的回车键相同的问题。

(keyup)=
3mpgtkmj

3mpgtkmj2#

若要行程在检查错误后变更的运算式:将更改值的方法放在set timeout中

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

t9eec4r03#

如果你想摆脱这个问题的一种方法是添加一个标志和切换它。

相关问题