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>

Answer 2

我相信你可以像这样给按钮一个额外的属性

<button type="button">Your button</button>

type="button" 应该防止不需要的表单提交。