javascript - ng-form 在没有特定 ng-model 的情况下提交动态创建的表单

标签 javascript html angularjs forms input

编辑代码以更好地提出问题
感谢大家迄今为止的所有帮助!
我有一些动态创建的输入框,它们没有固定数量的输入,想随时提交它们....
我如何从动态创建的表单的输入文本框中传递输入?
希望我的问题有意义?
我要提交的表格如下:
如何将值传递到 create()?传递 a 当前不起作用...并且引用 $scope.a 得到“未定义”... :(
请帮忙谢谢!

<form ng-submit="create(a)">
    <div class="module-head text-center">
        <b class="lead">{{ module.heading }}</b>
        <input class="btn" type="submit" id="submit" value="+"/>
    </div>
    <div class="module-body">
        <div class="control-group" ng-repeat="field in module.fields">
            <label class="control-label">{{field.name}}</label>
            <div class="controls">
                <input type="text" name="fields"
                 ng-model="a[$index]" ng-init="a[$index]=field.data">
            </div>
          </div>
      </div>
</form>

最佳答案

我不确定我是否理解你的问题,但如果你关心的是访问 Controller 中的 ng-model 值,你可以创建一个 array $scope.arr=[];

在你的表单中使用它就像

<div ng-repeat="item in items">
    <input type="text" name="fields" ng-model="arr[item]"/>
</div>

这样,$scope.arr 将拥有您所有的输入值。

参见 fiddle :http://jsfiddle.net/Sourabh_/HB7LU/13274/

关于javascript - ng-form 在没有特定 ng-model 的情况下提交动态创建的表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29940963/

相关文章:

javascript - 通过ajax请求初始化 Controller

javascript - 调用javascript函数错误

html - 如何覆盖诺基亚基本搜索框输入样式?

javascript - Angular ng-class 需要帮助设置

javascript - box2d world.ClearForces() 有什么意义?

javascript - 使用 id 和 Javascript 从数组中删除项目

javascript - 如何传输一个 html 文件的表单值并将其作为另一个文件中的值?

javascript - 不确定为什么表单没有加载到已加载的 html 标签上?

javascript - 使用 Angular 在下拉列表中选择设置选项

angularjs - ng-repeat 与 Controller 为每个表格行 : how do I access x-editable form elements?