Javascript 从动态添加的表单中获取数据
我正在使用MEAN stack开发一个应用程序。我能够动态添加表单元素,但无法在ng模型中获取插入的数据。如果我把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
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();
}
};