具有兩種不同功能的按鈕在一種形式中

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」到您的刪除按鈕。

表單上存在的按鈕默認爲提交類型，因此您應明確聲明它不是提交類型。