Question

我想生成多行（在HTML表单中），点击添加行按钮。实际上我发布了代码片段，实际上我的HTML表单更复杂。一行有2个输入框，4个选择选项（第2和第4选择选项取决于第1和第3）。 我的代码工作正常，但我怎样才能在角度控制器中检索这些值。我想在angular controller中访问我的html表单数据。

<div class="addcontend">
       <div ng-repeat="item in inputs">
         <input ng-model="item.value"\>
         <select ng-model="item.parentselection"> 
            <option>opt 1</option>
            <option>opt 1</option> 
         </select>
       </div>
</div>

  $scope.inputs = [];
  $scope.addfield=function(){
    $scope.inputs.push({})
  }

如何将html格式的数据映射到angular $ scope。这样我就可以拥有一个对象数组。

Answer 1

您可以简单地遍历范围以获取值，例如。

 angular.forEach($scope.inputs, function (value, key) {   
      // get values here
 });

获取对象数组中最后一个对象，以便在数组中推送最后一个项目

$lastObject = $scope.inputs[$scope.inputs.length-1]

如何生成动态HTML表单（点击按钮添加新行）＆amp;检索角度控制器中的数据

1 个答案: