如何在Angularjs中以动态形式获取表单数据?

时间:2016-05-27 08:45:29

标签: angularjs

我创建了动态表单,这里我想将表单数据发送到控制器。怎么办呢?

Here is plunker code link https://plnkr.co/edit/xmxDJHTPfJoSFwa2FWCB?p=preview

问题:

  1. 当我更改值时,元素标签也会更改。
  2. 如何在控制器的product_submit函数中获取表单数据。
  3. 所有回复都表示赞赏。

2 个答案:

答案 0 :(得分:1)

使用

<input type="text" 
       id="module_module" 
       ng-model="getCol.value" 
       required="required" 
       class="form-control col-md-7 col-xs-12" 
       placeholder="Enter {{getCol.Field}}"

/&GT;

点击此处 ng-model="getCol.value" 。您使用字段名称作为文本字段模型值。归档的名称和价值是不同的。这就是我想要的。

您可以通过 $scope.getColumn[1].value 轻松地从控制器访问这些值。更改索引或相应迭代。

Plunker here

答案 1 :(得分:0)

  1. 要解决标签问题,请在html中将ng-model表达式更改为绑定到getColumn.Value

  2. 在控制器中,我可以读取scope.getColumn[i].Value

  3. 中输入的值

    我还更新了代码https://plnkr.co/edit/KlhAb69seMzHsLuhqweR?p=preview