JSFiddle - React, Tailwind, and code Playground
HTML
<div ng-app="myApp" ng-controller="myCtrl">
<div ng-repeat="entry in entries track by entry.id">
<input type="text" ng-model="entry.value"></input><button ng-click="add(1)">Add 1x</button><button ng-click="add(10)">Add 10x</button>
</div>
</div>
JavaScript
var myApp = angular.module('myApp',[]);
myApp.controller('myCtrl', function($scope){
$scope.entries = [
{ id: 1, value: ''}
];
$scope.currentId = 1;
$scope.add = function(count){
for (var i = 0; i < count; i++) {
$scope.currentId++;
$scope.entries.push({ id: $scope.currentId, value: ''});
}
}
});