Angular-UI $ dialog和表单在回车键上提交

罗杰·约翰逊

据我所知,在AngularJS中处理对话框中回车键的推荐方法是在对话框内放置一个<form>标记和一个提交按钮。

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

还有什么我需要做的吗

[编辑]

解决了这个问题,我必须明确指定“取消”按钮的类型为“按钮”。似乎默认为“提交”?

因此,除了我的html表单技能以外,没有任何实际问题:)

罗杰·约翰逊

回答我自己的问题。按钮似乎默认为Submit(?),如果我将它们明确设置为type =“ button”,则在表单输入字段中按Enter时,它们将不会触发回发。

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

这样,在输入字段中按Enter键将触发ng单击OK按钮。

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular-UI $ dialog和表单在回车键上提交

来自分类Dev

Angular UI和Angular Material是否互斥?

来自分类Dev

Angular6 按回车键验证模态

来自分类Dev

使用Angular UI Bootstrap制作轮播表单

来自分类Dev

angular-ui全局键绑定

来自分类Dev

angular-ui:轮播上的触发事件

来自分类Dev

使用angular-ui和tinymce

来自分类Dev

Angular-ui-router和href ='#'

来自分类Dev

Angular UI,Bootstrap Navbar折叠和Javascript

来自分类Dev

温泉UI和Angular JS Google Maps

来自分类Dev

Angular-UI-Router和IIS发布

来自分类Dev

按下回车键时提交表单

来自分类Dev

bootstrap-tags输入表单,按回车键提交

来自分类Dev

按下回车键时表单未提交

来自分类Dev

Python/Kivy:使用回车键提交表单

来自分类Dev

Angular UI Router,菜单在$ state更改时失去功能

来自分类Dev

Angular UI-UI-Router-在子ui视图上传递数据和调用函数

来自分类Dev

Angular UI-UI-Router-在子ui视图上传递数据和调用函数

来自分类Dev

使用angular-ui和angular-ui-router路由到基于Tab的界面

来自分类Dev

捕捉回车键和回车键

来自分类Dev

Angular2使textarea按下回车键而不添加新行

来自分类Dev

Angular UI中的$ dialog.messageBox()在哪里?

来自分类Dev

使用Angular UI Bootstrap弹出窗口中的表单?

来自分类Dev

使用Angular指令的Kendo UI Grid外键列

来自分类Dev

语义Ui类UI表单破坏了Angular2验证

来自分类Dev

语义Ui类UI表单破坏了Angular2验证

来自分类Dev

Angular JS UI路由

来自分类Dev

Angular UI Modal CSS

来自分类Dev

Angular UI分页动画