Javascript 从动态添加的表单中获取数据

Javascript 从动态添加的表单中获取数据,javascript,angularjs,mean-stack,mean,Javascript,Angularjs,Mean Stack,Mean,我正在使用MEAN stack开发一个应用程序。我能够动态添加表单元素,但无法在ng模型中获取插入的数据。如果我把ng model=“something.something”放进去,那么每个动态添加的表单元素都会获取相同的数据。我希望将数据作为数组中对象的形式。如果有任何回应,我将不胜感激 以下是我的html代码: <div layout-gt-sm="row" ng-repeat="(key,aca) in vm.academic"> <m

我正在使用MEAN stack开发一个应用程序。我能够动态添加表单元素,但无法在ng模型中获取插入的数据。如果我把
ng model=“something.something”
放进去,那么每个动态添加的表单元素都会获取相同的数据。我希望将数据作为数组中对象的形式。如果有任何回应,我将不胜感激

以下是我的html代码:

  <div layout-gt-sm="row" ng-repeat="(key,aca) in vm.academic">
                <md-input-container class="md-block" flex-gt-sm>
                    <label>Degree</label>
                    <input name="degree" ng-model="vm.academic[key].degree">
                </md-input-container>
                <md-input-container class="md-block" flex-gt-sm>
                    <label>University/Board</label>
                    <input name="university" ng-model="vm.academic[key].university">
                </md-input-container>
                <md-input-container class="md-block" flex-gt-sm>
                    <label>Percentage/Grade</label>
                    <input name="grade" ng-model="vm.academic[key].grade">
                </md-input-container>
            </div>
            <div layout="row" layout-align-gt-sm="end">
                <md-button class="btn1" aria-label="add button" ng-click="vm.add();">
                    <md-icon md-svg-icon="plus"></md-icon>
                    <md-tooltip md-direction="top">
                       Add more field
                    </md-tooltip>
                </md-button>
            </div>

如何为不同字段获取不同的ng模型以将数据保存到数据库中?

这是帮助您格式化html的html代码

 <form name="FormName" novalidate>
        <div layout-gt-sm="row" ng-repeat="aca in vm.academic">
            <md-input-container class="md-block" flex-gt-sm="">
                <label>Name</label>
                <input type="text" ng-model="aca.name" >
            </md-input-container>
            <md-input-container class="md-block" flex-gt-sm="">
                <label for="email">Email Id</label>
                <input type="email" ng-model="aca.email"/>
            </md-input-container>
        </div>
    </form>

您将以
[{'name':'a','email':'bb'},{'name':'c','email':'dd'}]的形式获得输出结果。

请查找有关如何使用ng-repeat在arrray上迭代并将值绑定到表单的详细信息。您好,兄弟,再次困扰我向服务器发送数据。如何发送ng模型数据。我有很长的表单,其中有ng model=“vm.recruit.formElement”。如何随vm.recrupt一起发送数据vm.recruit必须是字典对象直接发送到服务器。有什么困难吗?我能够将数据发送到节点服务器。但是我使用mongoose和mongodb来存储数据。我无法将表单元素保存到架构数组中。这是我的服务器代码:我将发布另一个问题,因为我的代码占用的字符比分配的多。
 <form name="FormName" novalidate>
        <div layout-gt-sm="row" ng-repeat="aca in vm.academic">
            <md-input-container class="md-block" flex-gt-sm="">
                <label>Name</label>
                <input type="text" ng-model="aca.name" >
            </md-input-container>
            <md-input-container class="md-block" flex-gt-sm="">
                <label for="email">Email Id</label>
                <input type="email" ng-model="aca.email"/>
            </md-input-container>
        </div>
    </form>
vm.addNewAcademic = function(){
   vm.academic.push({});
};
vm.removeAcademic = function() {
   var num = vm.academic.length-1;
   if ( num !== 0 ) {
      vm.academic.pop();
   }
};