JSFiddle - React, Tailwind, and code Playground

by FCortesF

HTML

<div ng-app="addRowsExample" >
  <div ng-controller="addRows.Controller">
  <input type="button" value="Add" ng-click="addRow()"/>
  <table >
    <tr>
      <th>Name</th>
      <th>Text</th>
      <th>Select</th>
    </tr>
    <tr ng-repeat="element in elements">
      <td><span ng-bind="element.name"></span></td>
      <td><input type="text" ng-model="element.text"/></td>
      <td>
        <select ng-model="element.select">
          <option value="0"></option>
          <option value="1">Opcion 1</option>
          <option value="2">Opcion 2</option>
        </select>
      </td>
    </tr>
  </table>
  </div>
  
</div>

JavaScript

angular.module('addRowsExample',[]);

angular.module("addRowsExample").controller("addRows.Controller",['$scope', function($scope){
	$scope.elements = [{name: 'Default', text:'Your default element',select:'1'}]
  $scope.addRow = function(){
  	$scope.elements.push({name: 'Element '+$scope.elements.length, text:'',select:'0'})
  }
}]);