角形提交表格内？
角形提交表格内？
提问于 2015-08-25 09:44:20
我想在表单中发送一个表单，但是当我提交表单时，所有的表单都已经提交了。有可能这样做吗？
<form name="add_foobar_form" novalidate ng-submit="addFoobar(foobar)">
<form name="send_contact_form" novalidate ng-submit="sendContact(hello)">
<input type="text" ng-model="hello.bye">
<input type="submit" value="sendmall">
</form>
<input type="text" ng-model="foobar.go">
<input type="submit" value="sendall">
</form>回答 1
Stack Overflow用户
发布于 2015-08-25 09:50:46
你能有嵌套的表单吗？简单地说是不行的，嵌套的表单不起作用。
医生说 在角度上，形式可以嵌套。这意味着当所有子窗体也都有效时，外部窗体也是有效的。但是，浏览器不允许嵌套元素，因此角提供了ngForm指令，其行为与嵌套相同，但可以嵌套。这允许您拥有嵌套表单，在使用ngRepeat指令动态生成的窗体中使用角验证指令时，嵌套表单非常有用。
但是不幸的是，您不能使用ng-submit表单，这将在单击任何内部表单时调用父ng-submit方法。
解决这一问题的方法是不要对内部嵌套的from使用ng-submit指令。您应该在按钮上使用ng-click，并将按钮类型从submit更改为button。
标记
<form name="add_foobar_form" novalidate ng-submit="addFoobar('foobar')">
<ng-form name="send_contact_form" novalidate>
<input type="text" ng-model="hello.bye">
<input type="button" value="sendmall" ng-click="sendContact('hello')">
</ng-form>
<input type="text" ng-model="foobar.go">
<input type="submit" value="sendall">
</form>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32210696
复制相关文章
相似问题
腾讯云开发者
