Javascript Angular js表单在不应提交时提交'；T

我有一个AngularJS表单，如下所示：

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

     .. fields

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

     .. more fields

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

</form>

.. 领域
添加
.. 更多领域

当我单击submit时，它按预期工作-

update（）

方法被调用。当我单击按钮时，它会调用

addCluster（）

，但在那之后，表单会被提交，并且

update（）

会被自动调用

---

为什么要这样做？我如何防止这种情况？

表单中按钮（未指定

类型

）的默认操作是提交它，您可以将按钮的

类型

设置为

按钮

，以更改此行为

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

添加

表单中按钮（未指定

类型

）的默认操作是提交，您可以将按钮的

类型

设置为

按钮

，以更改此行为

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

添加

我相信您可以给按钮添加这样一个额外属性

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

您的按钮

---

type=“button”应该可以防止不必要的表单提交。

我相信您可以为按钮添加这样的额外属性

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

您的按钮

type=“button”应防止不必要的表单提交