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以更改此行为< / p>

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

Answer 2

我相信你可以给按钮一个额外的属性，如此

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

type =＆＃34;按钮＆＃34;应该防止不需要的表单提交。

Angular js表示不应该提交

2 个答案: