JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="myApp" ng-controller="myCtrl">

    <div ng-repeat="user in users">
        <div name="innerForm" ng-form>
            <input type="text" ng-model='user.name' required name="field"/>
            {{myform[$index]}}
            <span class="error" ng-show="innerForm.field.$error.required">Too long!</span>
        </div>
    </div>
    <div>
        <button ng-click="add()">
            Add
        </button>
    </div>
</div>

JavaScript

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.myform ={};
$scope.users = [{name:"1"}, {name:"2"}];
    $scope.name=undefined;
     $scope.name1="1";
      $scope.name2="2";
    $scope.add = function(){
    $scope.users.push({});
    }
});