2つの異なる機能を1つのボタンで持つボタン

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> 

私は簡単なアドレス帳のようにしようとしています。ただし、連絡先を削除しようとすると、削除ボタンが実際に空の連絡先を自分のリストに追加します。
フォームの外に連絡先の削除行を移動するとうまくいくはずです。
2つのボタンが同じフォームになっていると思いますか？
誰も私にこの問題を解決する方法を説明できますか？
ありがとうございました

Answer 1

削除ボタンにtype = "button"を追加する必要があります。

フォームに存在するボタンはデフォルトでサブミットするように設定されているため、送信タイプではないことを明示する必要があります。