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

• 
  Set Up Form Option As Default In A Drop Down
• 
  Properly Populate An Email Using Only HTML
• 
  Insert Into Mysql Using Php / Html Form - Not Working
• 
  Filtering Subsequent Dropdowns With JQuery