带有清除按钮的角度材料自动完成正在被 Enter 清除



向我的自动完成组件添加清除按钮(带有清除按钮的部分输入(会导致奇怪的行为:按回车键会清除输入,无论是否选择。

为了说明我的问题,我修改了原始角度材料文档中关于自动完成的堆栈闪电战 - 添加了清晰的按钮行为。看到这里

我无法弄清楚为什么这个清除按钮在简单输入的情况下可以正常工作,但在自动完成组件的情况下会破坏所有内容,为什么它被聚焦而不是输入并调用"单击"处理程序。

任何提示将不胜感激。提前感谢!

由于MatFormFieldform内,清除按钮默认具有submit类型,并成为默认按钮。因此,当您在表单的输入元素中按 Enter 时,单击 中的按钮并提交表单。若要防止这种情况,请在清除按钮上设置属性type="button"

<button type="button" mat-button ...>

请参阅此堆栈闪电战以获取演示。

最新更新