处理angularjs中动态添加的表单数据?

时间:2015-04-02 14:41:47

标签: angularjs dynamicform

我正在开发一个包含表单页面的网络应用程序。

mandi_detail:[{
        name: String,
        mandi_correspondent_detail:[{
            name:String,
            contact:[Number]
        }]       
    }]

这是架构的模型,我创建了一个ui页面,在 mandi_detail 中我可以动态添加多个 mandi

在每个 mandi 中,我们有名称 mandi_correspondent_detail 。我们可以动态添加多个 mandi_correspondent_detail

每个 mandi_correspondent_detail 包含姓名和联系电话,我们可以动态地按号码字段添加多个号码。

如何在控制器中获取发布的数据,以便我能够将其插入mongodb中的模式中。

1 个答案:

答案 0 :(得分:0)

您的视图应根据控制器的数据构建。这样您就可以使用two way binding,一切都将是最新的

示例:

controller

 $scope.myData=[];

 $scope.pushNew= function(){

    // build your newMandy object from the form existing in html
    // validate your form

    var newMandy={
      name: String,
      mandi_correspondent_detail:[{
         name:String,
         contact:[Number]
      }]       
    }

    $scope.myData.push(newMandy);
 }

view

<div ng-repeat="data in myData">
    // your html structure here
</div>

// form for adding new mandy
<button ng-click="pushNew()">Add mandy details</button>

这样您就可以使用myData数组存储DB

中的所有内容