javascript - Angular js表单在不应该提交的时候提交

Question

我有一个如下所示的 AngularJS 表单:

<form ng-submit="vm.update(vm.model)"> 

     .. fields

     <button ng-click="vm.addCluster()">Add</button>

     .. more fields

     <input type="submit" value="Save" /> 

</form>

当我点击提交时，它按预期工作 - update() 方法被调用。当我单击按钮时，它会调用 addCluster()，但在提交表单之后，会自动调用 update()。

它为什么会这样，我该如何预防？

Answer 1

表单中的按钮(没有指定type)的默认行为是提交，可以将按钮的type设置为button 改变这个行为

<button type="button" ng-click="vm.addCluster()">Add</button>