javascript - Angular : Pressing Enter Submits Empty Form Regardless of Values

Question

这可能是一个迭代的问答过程，因为我不确定要粘贴哪个代码。我有一个自定义的高级搜索表单(使用 ng-submit)，它将查询对象传递到 Controller 方法并调用服务。当用户在一个或多个字段中输入一些内容时，按下提交按钮(使用 ng-click)成功调用方法并提交查询。但是，如果用户按 Enter 提交表单，则会调用相同的方法，但查询对象缺少输入字段的绑定(bind)值。我已经通过断点进行了单步调试，并验证了以上所有内容都是正在发生的情况，但我不确定问题出在哪里。 ng-click 和按 Enter 键之间的 Angular 数据绑定(bind)过程有区别吗？我需要在某处调用阻止默认值吗？让我知道我需要在这篇文章中添加哪些代码来帮助排除故障。谢谢!

Answer 1

对于将来可能遇到此问题的任何人，事实证明问题是 Enter 键同时触发了“清除”和“提交”按钮，因为按钮的默认行为是“提交”。它只是碰巧先触发了“清除”按钮，否则我们永远不会注意到这个问题。解决方案只是将“type=button”添加到清除按钮。