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

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

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

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

В каждой манди у нас есть имя и 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

Другие вопросы по тегам