AngularJS停止阻止表单

时间:2013-06-17 19:35:36

标签: javascript angularjs

我对AngularJS比较陌生,而我正试图将常规形式汇总一下。我有基本形式,如下所示:

<form method="post" enctype="multipart/form-data">
input type="text" class="title span5" name="post_title" placeholder="A catchy title here..." value="" />

<input type="file" name="post_image" />

<input type="submit" class="btn btn-success" value="Create Post" />
</form>

但是我注意到AngularJS将自己的值添加到表单中。

<form method="post" enctpye="multipart/form-data" class="ng-pristine ng-valid">

我无法提交表格。如何禁用Angular JS添加到应用程序的自动验证?

2 个答案:

答案 0 :(得分:5)

引自documentation

  

出于这个原因,Angular会阻止默认操作(表单提交到服务器),除非该元素指定了action属性。

恕我直言,您应该阅读文档以获得对单页应用程序的一般性理解,以及角度防止默认行为的原因。

答案 1 :(得分:-1)

更新:这不起作用 ...好吧,至少不是你喜欢的方式。将ng-non-bindable添加到表单或任何输入会中断ALL绑定。因此,输入中的ng模型将不再起作用。


ng-non-bindable可能是您的最佳选择。它将阻止AngularJS进行任何验证。因此,您将负责显示无效和检查有效性。

https://stackoverflow.com/a/19387233/75644