Angular Form Not Working In A Table

I created a working form placed in a div below a table;

ng-submit directive, you should submit a form via button only.

Html

<tr ng-form="myForm">
    <td>Add an item</td>
    <td><input type="text" name="name" id="newName" class="form-control" placeholder="Name" required ng-model="controller.add.name"></td>
    <td><textarea name="description" id="newDescription" class="form-control" placeholder="Description" ng-model="controller.add.description"></textarea></td>
    <td><button class="btn btn-xs btn-primary" type="button" ng-click="controller.add.save()">Add</button></td>
</tr>

For more detailed answer about structuring of table, you could refer this answer

Share

You may like these posts

• 
  Select, Copy From Ie And Paste To Excel
• 
  Assign Click Handler In For Loop In Javascript
• 
  Have Table Cell Grow Horizontally When Cell Content Is Large
• 
  How Hide Row In Table (without Display:none)