JSFiddle - React, Tailwind, and code Playground

HTML

<form name="mainForm" novalidate class="form-vertical">...some non-repeating inputs go in here...
    <div data-ng-repeat="line in formData.lines" data-ng-form="lineForm">
        <input type="text" name="myinput" data-ng-model="line.text" data-ng-required="true"> <span data-ng-show="lineForm.myinput.$error.required">Error!</span>

    </div> <a href='#' data-ng-click="addRow()">New Line</a>

</form>

JavaScript

angular.module("app", []).controller('DetailsCtrl', ['$scope', function ($scope) {
    $scope.loading = false;
    $scope.formData = {
        lines: [{
            text: 'test.com'
        }]
    };
    $scope.addRow = function () {
        $scope.formData.lines.push({
            text: null
        });

    };
}]);