javascript - 嵌套 HTML 表单替代方案

Question

我正在尝试将上传模块( ngUpload )添加到我的代码中。 问题是 ngUpload 使用 HTML 表单，我需要将其放置在另一个 HTML 表单中以实现布局目的。这就是我的设置:

<form name="form" novalidate>
<div class="form-group addscript">
...
    <form ng-upload="uploader(content)" method="post" action="/upload" name="foo" enctype="multipart/form-data">
      <p class="help-block"><input type="file" name="file"></p>
      <a href='javascript:void(0)' class="upload-submit" ng-click="saveData()">Upload</a> 
    </form>
...
</div>
</form>

而且我知道我不能嵌套 HTML 表单，那么解决这个问题最简单的方法是什么？ 也许有一种方法可以将上传表单“注入(inject)”到外部表单，而不违反嵌套表单的概念？

Answer 1

在 angularjs 中，你可以像这样嵌套表单:

<form name="form1">
    <div ng-form="" name="form2">
    </form>
</form>

ngForm 的行为与实际的 form

完全相同