I have HTML form:
<form>
<div>Add</div>
<div>
<input type="text" ng-model="name">
</div>
<div>
<input type="text" ng-model="phone">
</div>
</form>
How I can clone this form that I will get two fields ng-model="name" and ng-model="text".
So, I want send to server two values of ng-model="name"
I tried:
Angular JS:
$scope.forms = 2;
HTML:
<div class="itm" ng-repeat="item in forms">
<input type="text" ng-model="name">
</div>
It gives me nothing
In your model:
$scope.users = [
{
name: 'John',
phone: '098097770'
},
{
name: 'Alice',
phone: '765876598'
}
];
In your view:
<form name="editUsersForm">
<div ng-repeat="user in users">
<input type="text" ng-model="user.name"/>
<input type="text" ng-model="user.phone"/>
</div>
</form>
That's a basic rule in angular: the model is the single point of truth. The view is generated from the model.
Here's a plunkr demonstrating it.
Object and after use user