Item row add StackOverflow

by Renan Ferreira

HTML

<div data-ng-app="app">

  <div data-ng-controller="MainController as mainVm">
    <button data-ng-click="mainVm.addItem()">ADD</button>
    <table>
      <thead>
        <th>ID</th>
        <th>Name</th>
      </thead>
      <tbody>
        <tr data-ng-repeat="item in mainVm.itemsList">
          <td><input type="number" data-ng-model="item.id"></td>
          <td><input type="text" data-ng-model="item.name"></td>
        </tr>
      </tbody>
    </table>
    {{mainVm.itemsList}}
  </div>
  
</div>

JavaScript

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

angular.module('app')
	.controller('MainController', mainController);
  
mainController.$inject = ['$scope'];

function mainController($scope){

	var vm = this;
  vm.itemsList = [];
  vm.addItem = addItem;
 	vm.teste = 'teste para ver'
  
  function addItem(){
  	vm.itemsList.push({});
  }

}