1

我有一个外部表单，一旦提交，就会将用户发送到下一步。内部表单正在为嵌套在外部表单中的表提交搜索请求。目前我的解决方案没有触发这两种形式中的任何一种。

<form id="outerForm" onsubmit="submitOuter()">
    <form id="innerForm" onsubmit="submitInner()">
        <button type="submit" form="innerForm">Search</button>
    </form>

    <button type="submit" form="outerForm">Next Step</button>
</form>

jsfiddle在这里

PS我的例子显然没有使用AngularJS，不同的是我的表单有data-ng-submit.

4

3 回答 3

1

您不能在 HTML 上嵌套表单，但 Angular 确实提供了嵌套它们的能力。为了实现同样的事情，你需要使用ng-form指令。

外部表单会有ng-submit事件，但内部表单会有ng-click按钮事件type="button"，如果您不更改按钮类型，那么它将调用父表单ng-submit方法。

演示小提琴

ng-submit指令仅适用于form元素，因此您需要form为外部形式指定标签，因为您想要ng-submit那里。

于 2015-09-23T08:50:08.650 回答
0

表单永远不应该嵌套，你真的在​​你的应用程序中使用 Angular 吗？如果是这样，您能否提供一个朋克您正在努力实现的目标。

于 2015-09-23T08:45:25.083 回答
0

嵌套表单元素是无效的，请参阅这个问题。

我建议您在处理搜索的表单内部ng-click的输入和外部输入中使用。type="button"ng-submit

我已经修改了角度文档的示例 plunker以向您展示我的意思。ngSubmit

于 2015-09-23T08:46:32.950 回答