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

• 
  Browser Image Render Break Css Inline-block Layout
• 
  How Do I Align Icons From The Start Of A Line To The End Of A Line Which Is Evenly Distributed Horizontally?
• 
  How To Use Jquery-mobile Listview To Link To Inner Pages With Urlvars?
• 
  How To Get The Coordinates Clicked On An Html5 Canvas?