Обработка динамически добавленных данных формы в angularjs?

Я работаю над веб-приложением, которое содержит страницу формы.

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

это модель схемы, я сделал страницу ui, в которой в mandi_detail я могу добавить несколько mandi динамически.

В каждой манди мы имеем имя и mandi_correspondent_detail. мы можем добавить несколько mandi_correspondent_detail динамически.

Каждое имя mandi_correspondent_detail состоит из имени и номера контакта, и мы можем динамически добавлять несколько чисел по номеру.

как получить опубликованные данные в контроллере, чтобы я мог вставить его в схему в mongodb.

Ответы

Ответ 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