title: How to add dynamic row to a table using angularjs
body: <p>Like jQuery, How can I add dynamic rows to a table with form elements in a button click using angularjs and How to differentiate these form elements like array name in normal jquery submit. </p>
  
  <pre><code>&lt;tr&gt;
      &lt;td style="text-align:center"&gt;1&lt;/td&gt;
      &lt;td&gt;
           &lt;input type="text" class="form-control"  required ng-model="newItem.assets"&gt;
      &lt;/td&gt;
      &lt;td&gt;
          &lt;select ng-model="newItem.type" class="form-control"&gt;
              &lt;option value="Rent" ng-selected="'Rent'"&gt;Rent&lt;/option&gt;
              &lt;option value="Lease"&gt;Lease&lt;/option&gt;
          &lt;/select&gt;
      &lt;/td&gt;
      &lt;td&gt;
          &lt;input type="text" class="form-control"  required ng-model="newItem.amount" /&gt;
      &lt;/td&gt;
      &lt;td&gt;
          &lt;select ng-model="newItem.calculation_type" class="form-control"&gt;
              &lt;option value="Daily" ng-selected="'Daily'"&gt;Daily&lt;/option&gt;
              &lt;option value="Monthly"&gt;Monthly&lt;/option&gt;
              &lt;option value="Yearly"&gt;Yearly&lt;/option&gt;
          &lt;/select&gt;
      &lt;/td&gt;
      &lt;td&gt;
          &lt;input type="text" class="form-control"  required ng-model="newItem.total_amount" /&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>