在angularjs中處理動態添加的表單數據？

Question

我正在研究一個包含表單頁面的web應用程序。

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

這是一種架構模型，我已經做了UI頁面，其中在mandi_detail我可以添加多個曼迪動態。

在每個曼迪，我們有名和mandi_correspondent_detail。我們可以動態添加多個mandi_correspondent_detail。

每個mandi_correspondent_detail包括姓名和聯繫電話號碼，我們可以動態地添加多個號碼字段。

如何獲取控制器中的發佈數據，以便我能夠將它插入到mongodb中的模式中。

Answer 1

您的視圖應根據您的控制器的數據進行構建。這樣，您將使用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