Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/453.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ng表单提交不带特定ng模型的动态创建表单_Javascript_Html_Angularjs_Forms_Input - Fatal编程技术网

Javascript ng表单提交不带特定ng模型的动态创建表单

Javascript ng表单提交不带特定ng模型的动态创建表单,javascript,html,angularjs,forms,input,Javascript,Html,Angularjs,Forms,Input,编辑代码以更好地提问 谢谢大家到目前为止的帮助 我有一些动态创建的输入框,这些输入框没有固定数量的输入,希望在运行时提交它们…. 如何从动态创建的表单传递输入文本框中的输入? 希望我的问题有意义? 我试图提交的表格如下: 如何将值传递到create()中?传递当前不起作用。。。并引用$scope.a获取“未定义”…:( 请帮忙,谢谢 <form ng-submit="create(a)"> <div class="module-head text-center">

编辑代码以更好地提问
谢谢大家到目前为止的帮助
我有一些动态创建的输入框,这些输入框没有固定数量的输入,希望在运行时提交它们….
如何从动态创建的表单传递输入文本框中的输入?
希望我的问题有意义?
我试图提交的表格如下:
如何将值传递到create()中?传递当前不起作用。。。并引用$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>

{{module.heading}}
{{field.name}

像这样的东西怎么样

<form ng-submit="create()">
    <input class="btn" type="submit" id="submit" value="+"/>
    <div ng-repeat="item in items">
        <input type="text" name="fields" ng-model="itemArray[$index]">
    </div>
</form>

提交时,itemArray将包含输入字段的所有模型值

将原始值指定给输入框

<input type="text" name="fields" ng-model="a[$index]" ng-init="a[$index]=item"/>

我不确定是否收到了您的问题,但如果您关心的是访问控制器中的
ng模型
值,则可以创建
数组
$scope.arr=[];

在你的形式中,像这样使用它

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

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


请参阅fiddle:

您可以尝试执行以下操作:

<form ng-submit="create()">
    <input class="btn" type="submit" id="submit" value="+"/>
    <div ng-repeat="item in items">
        <input type="text" name="fields" ng-model="items[$index]">
    </div>
</form>


如何创建新的输入?@edward Knowles!首先谢谢!因此,我正在从后端数据库中提取输入,该数据库是对两个不同表的引用,但必须尝试使其真正动态化,因为用户可以创建更多的输入字段…如果有意义的话?嗨,Paja007!谢谢!但我仍然感到困惑,因为“项中的项”实际上,我从项目数组中提取了以前的值,这样我似乎无法提取原始值?已编辑。希望这是您的意图。如果不是,请澄清。您到底想要实现什么。嗨,paje007!这对我有用!:)但我刚刚意识到,在这之后我还有一系列问题。。。我的ng repeat实际上嵌套在另一个ng repeat中,因此$index值不会被保留,我不认为。。。你怎么认为?有什么建议吗?我想,没有小提琴就很难解释,但因为小提琴很复杂,所以打字也很难(嗨,Sourabh!谢谢!我认为这是一个正确的方向,因为$scope.arr应该保留所有信息,但items中项目内的原始值如何?它似乎与输入字段没有绑定?@brybry。如果不调查问题,很难解决此问题。如果可能,您能否创建一个sue?!我同意如果不播放/看到工作问题实际上是非工作问题,这是一个很难解决的问题:(…让我试着创建一个小提琴!谢谢!嗨,Manasi Sakhare!谢谢!这似乎不会绑定项目内的原始数据以显示原始值…出于某种原因…:(嘿,我刚刚试着在小提琴上做这个。它确实有效。看看我在plunker Hi Manasi的代码!谢谢!哦,我犯了一个新手错误,这就是为什么我小提琴时它不起作用的原因…但是现在我有另一组与此相关的问题,正如我用paje007的回答解释的那样!