具有两种不同功能的按钮在一种形式中

Question

<form name='userForm' ng-submit='addNew(userForm)'> 
     <input placeholder='Name' ng-model='userForm.name'/><br> 
     <input placeholder='Photo' ng-model='userForm.url'/><br> 
     <input placeholder="Phone" ng-model='userForm.phone'/><br> 
     <input placeholder="Email" ng-model='userForm.email'/><br> 
     <input placeholder="Address" ng-model='userForm.address'/> 
     <button type='submit'>Add Contact</button> 
     <button ng-click="remove()">Remove Contact</button> 
</form> 

我正在尝试像一个简单的地址簿一样。但是，当我尝试删除联系人时，删除按钮实际上会将空联系人添加到我的列表中。
当我移动窗体外的删除联系线时，它会工作得很好。
我认为这是因为两个按钮的形式相同？
任何人都可以向我解释我如何解决这个问题？
谢谢

Answer 1

您应该添加type =“button”到您的删除按钮。

表单上存在的按钮默认为提交类型，因此您应明确声明它不是提交类型。