Angularjs以各种形式动态添加表单字段

使用ng-repeat我正在创建一堆带有值的表单.对于每个表单,还有一个按钮,用新字段向该特定表单添加行.代码如下

HTML:

          
  
{{form.name}}
  

          
          
                       
  
  Submit
  Add
  

使用Javascript:

var app = angular.module('plunker', []);
    app.controller('MainCtrl', function($scope) {

        $scope.forms = [{
          "name" : "form1", "ac": 251, "a_number": "7933", "p_id": 33
        }, {
           "name": "form2", "ac": 252, "a_number": "7933", "p_id": 4
        }, {
           "name": "form3", "ac": 253, "a_number": "7362", "p_id": 3
        }];


        $scope.addFields = function (form) {        
            form.contacts.push({name:'', ac: '', a_number: '', p_id: '' });
        }

        $scope.submit = function(form){
          console.log(form.contacts);
        }
    });

它不起作用.以下是它的插件:http://plnkr.co/edit/THdtLgkwKrV7imqZGjL2？p = preview

这是它应该如何看(差异是从db收到的数据对象与之前提出的问题有点不同):http: //plnkr.co/edit/fETiSYVW7Y5C1yTCwizd？p = preview 我们知道问题出在哪里.谢谢