javascript – 如何在单次提交时使用ng-model提交多表单数据

前端之家收集整理的这篇文章主要介绍了javascript – 如何在单次提交时使用ng-model提交多表单数据前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

嗨,我想发布具有相同型号名称的所有表单数据.这是我的代码,我也克隆tr标签创建更多具有相同名称类和形式的表格.型号.

像这样的角度代码

  1. $scope.saveJob = function(data) {
  2. console.log(data);
  3. //http request goes here
  4. }
最佳答案
您可以使用数组和ng-repeat来实现此功能,而不是克隆html元素.

HTML

角度控制器

  1. // You can fetch this array of jobs from server for showing purpose
  2. $scope.jobs = [
  3. {
  4. quantity: "1.0",quality: "A"
  5. },{
  6. quantity: "2.0",quality: "B"
  7. }
  8. ]
  9. $scope.clone = function(){
  10. // You can change default values for new job to appear
  11. var empty = {
  12. quantity: "",quality: ""
  13. };
  14. $scope.jobs.push(empty);
  15. }
  16. $scope.save = function(){
  17. // You can send this array of jobs to server for saving purpose
  18. console.log($scope.jobs);
  19. }

猜你在找的JavaScript相关文章