Есть форма, состоит она из 2х элементов <input type='button' value='add'>
и <input type='text'>
. Нужно чтобы при нажатии на 'add'
добавлялись поля ввода текста <input type='text'>
. Думал это сделать с помощью ng-repeat
, но ведь он срабатывает по факту загрузки страницы а не по нажатию кнопки, насколько я понимаю.. Еще как вариант на 'button'
навесить ng-click
, а в контроллере в $scope
прописать стандартный document.createElement('input')
, но не уверен что это будет хороший вариант.
update:
когда мы добавили по клику несколько <input type="text" ng-model="data" />
, к примеру 3. у них у всех один ng-model
. У меня есть объект ticket = { id : ticketId, name : $scope.name, description : $scope.description, photo : $scope.photo, time : $scope.time, stuff: $scope.stuff, }
в свойство stuff
которого я должен внести данные этих 3х input
. Но stuff : $scope.data
, не выдает значения ни одного поля. При нажатии <input type='button' ng-click='saveTicket()'>
данные со всех полей формы добавляются в ticket и сохраняются.
$scope.saveTicket = function () {
var ticketId = new Date().getTime();
ticket = {
id : ticketId,
name : $scope.name,
description : $scope.description,
photo : $scope.photo,
time : $scope.time,
stuff : $scope.stuff,
};
//$localStorage.ticket = ticket;
localStorage.setItem(ticketId, JSON.stringify(ticket));
};
html:
<div class="form-inline cell col-md-12">
<div class="col-md-6">
<label class="control-label" for="stuff">Ингредиенты</label>
</div>
<div class="col-md-offset-6" ng-repeat="input in inputSomething">
<input type="text" class="form-control" id="stuff" ng-model="input.stuff">
</div>
</div>
Код на добавление кнопки:
$scope.inputStuff = [];
$scope.addInput = function(){
$scope.inputStuff.push({data:''})
}