Как создать динамическую форму HTML (добавить новую строку нажатием кнопки) и получить данные в угловом контроллере

Я хочу создать несколько строк (внутри HTML-формы), нажав кнопку add-Row. На самом деле я публикую фрагмент кода, в действительности моя HTML-форма более сложна. Строка имеет 2 поля ввода, 4 варианта выбора (2-й и 4-й выбор зависит от 1-го и 3-го). Мой код работает нормально, Но как я могу получить эти значения в угловом контроллере. Я хочу получить доступ к моим данным формы html внутри углового контроллера.Как создать динамическую форму HTML (добавить новую строку нажатием кнопки) и получить данные в угловом контроллере

<div class="addcontend"> 
     <div ng-repeat="item in inputs"> 
     <input ng-model="item.value"\> 
     <select ng-model="item.parentselection"> 
      <option>opt 1</option> 
      <option>opt 1</option> 
     </select> 
     </div> 
</div> 

    $scope.inputs = []; 
    $scope.addfield=function(){ 
    $scope.inputs.push({}) 
    }

Как я карта моего HTML-форма DATA в угловые $ области. Так что у меня может быть единственный массив объектов.

источник

2016-02-18 Raj Rj

ваш вопрос не ясно – oseintow

Ok, сценарий как. У меня есть страница, где по умолчанию будет отображаться html-форма (в одной строке будет 2 поля ввода и 4 поля выбора). есть кнопка «add-new-row». при нажатии кнопки он реплицирует форму html и создаст другую строку (2 поля ввода и 4 поля выбора). Я могу сделать это через свой код, но проблема в том, что я не могу понять это: «Как получить доступ к значениям формы html в угловом контроллере» , потому что, когда я генерирую html-форму динамически, она реплицируется тот же код, это также копирование названия модели. как мне отобразить данные формы html в $ scope –

Я получил его. Здесь https://jsfiddle.net/rajeevs/oyb644jc/3/ –

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

angular.forEach($scope.inputs, function (value, key) { 
     // get values here 
});

получить последний объект в массиве объектов для последнего элемента, который проталкивается в массиве вы можете сделать

$lastObject = $scope.inputs[$scope.inputs.length-1]

источник

2016-02-18 14:11:29 oseintow

https://jsfiddle.net/rajeevs/oyb644jc/3/ вот оно, я получил способ сделать это. –

Как создать динамическую форму HTML (добавить новую строку нажатием кнопки) и получить данные в угловом контроллере

ответ

Смежные вопросы