AngularJS -在表单上动态添加输入，从单个提交的所有输入中收集数据
AngularJS -在表单上动态添加输入，从单个提交的所有输入中收集数据
提问于 2016-04-04 15:06:17
我正在研究一种角度上的“接触”形式，应该是：
-Allow用户动态添加和删除联系人条目。
-A单个联系人条目将为下列每一项提供输入：
*姓名
*姓
*电话号码
-Each联系人可以有任意数量的电话号码，因此用户可以动态添加或删除这些输入，类似于父联系人项。
-All表单数据可以从处理整个表单的单个“提交”按钮中捕获/注册，而不必在每个联系人项上按下“添加”。
简而言之，可以有任意数量的联系人，每个联系人都可以有任意数量的电话号码，所有数据应该只有一个“提交”按钮。
这在角度上是可能的吗？我知道如何用Jquery来实现这一点，但是我很难理解如何用角来完成这个任务。我已经看到了近似于我所寻找的内容的解决方案，但大多数解决方案都只添加了一个输入(而不是一组输入)，而且它们都没有单一的提交按钮功能。
宁愿不用使用Jquery。有什么建议吗？
谢谢!
Stack Overflow用户
发布于 2016-04-04 15:53:32
下面是一个示例代码
<tr ng-repeat="contact in ContactList" >
<td>
<input ng-model="contcact.firstName">
</td>
<td>
<input ng-model="contcact.lastName">
</td>
</tr>……
<!---click button--->
<button ng-click="AddContact()">
your controller ...
var myApp = angular.module('myApp',[]);
myApp.controller('Example', ['$scope', function($scope) {
$scope.ContactList = [{firstName: 'aaa' ,lastName:'bbb'}];
$scope.AddContact = function(){ var NewContact ={firstName: 'aaa' ,lastName:'bbb'} ;
$scope.ContactList.push();
}
}]);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36406311
复制相关文章
相似问题
腾讯云开发者
