JSFiddle - React, Tailwind, and code Playground

HTML

<body ng-controller="MainController">
    
	<form>
<a href="#" class="button" ng-click="addRow()">Add Row</a>
First Name : <input ng-model="firstName" required>
Last Name : <input ng-model="lastName" required>
	</form>
	 
  
<table>
  <thead>
    <tr>
      <th>Some Header</th>
    </tr>
  </thead>
  <tbody>
    <tr ng-repeat="rowContent in rows">
      <td>{{rowContent.firstName}}</td>
      <td>{{rowContent.lastName}}</td>
    </tr>
  </tbody>
</table>

JavaScript

angular.module('MyApp', [])
.controller('MainController', [ '$scope', function($scope) {

  $scope.rows = [];
  
  $scope.counter = 0;
  
  $scope.addRow = function() {
    
    $scope.rows.push({
    firstName: $scope.firstName,
    lastName: $scope.lastName
		});

  }
}]);