Angular-UI $对话框和表单在回车键上提交

Question

从我所看到的,在AngularJS中处理对话框中的输入键的推荐方法是在对话框中放置一个<form>标签和一个提交按钮.

很公平,但如果您使用Angular-UI及其$ dialog服务,则在按Enter键时,表单将以静默方式关闭.没办法拦截那个.即使您将处理程序附加到ng-click或ng-submit,表单也会关闭而不返回任何结果.

我还需要做些什么

[编辑]

解决了它,我必须明确指出我的"取消"按钮是"按钮"类型.好像它默认为"提交"？

所以除了我的html表单技巧之外没有真正的问题:)

Answer 1

回答我自己的问题.按钮似乎默认提交(？),如果我明确地将它们设置为type ="button",那么当在表单输入字段中按Enter键时它们不会触发回发.

<form>
     <input type="text" ... />
     <button type="button" ng-click=...>Cancel</button>
     <button type="submit" ng-click=...>OK</button>
</form>

这样,按下输入字段中的回车键将触发单击确定按钮的ng-单击.

正如你的html黑客已经理解的那样,这与对话框和angularjs无关,这是一个html表单问题和我缺乏网络技能......