具有表单问题的Angular / Bootstrap ui模式对话框

时间:2014-05-27 14:09:03

标签: angular-ui-bootstrap

我有一个Angular JS应用程序,带有一个带有简单编辑表单的bootstrap ui模式对话框。 表格可以用于新的东西"或者填充的东西"。 我发现当我取消填充表格的模态时,正在调用提交。 任何帮助赞赏。 Plunkr在这里...... http://plnkr.co/edit/XhQCqlGUfcmQOhqLDeXR?p=preview

2 个答案:

答案 0 :(得分:1)

我分叉你的插件并让它在这里工作:http://plnkr.co/edit/jgg5pDQOH46XgrbW3Mvh?p=preview我认为取消按钮参与表单提交事件,因为它在表单元素内。将它移到表单之外似乎已经解决了问题。我还设置了提交事件以触发modalInstance关闭事件和取消事件来触发modalInstance关闭事件。这使您有机会在父控制器(ModalDemoCtrl)中正确处理事物。

修改

您还可以阻止click事件在cancel事件中传播,并仍然使用save作为form标记内的输入元素。请参阅此插件,例如:http://plnkr.co/edit/A81KkUUQEL3IBbOSnHQb?p=preview

答案 1 :(得分:1)

我遇到了类似的问题。我的问题是,当我点击按钮打开模态时,我的表单被提交。我使用的是“按钮”html标记,没有指定“type”属性。所以,我发现了你的问题,我去了W3C文档。我发现:

提示:始终为按钮元素指定type属性。不同的浏览器对按钮元素使用不同的默认类型。http://www.w3schools.com/tags/tag_button.asp

我没有定义我的按钮类型,所以我的浏览器的默认类型是提交。我将类型定义为“按钮”,现在一切正常。