在没有使用ng-submit提交表单的情况下，在ng-click上调用函数

Question

考虑我的（简化）表格：

<form ng-submit="save()">
    ...
    <button type="submit">Save</button>
    <button ng-click="cancel()">Cancel</button>
</form>

按下＆＃34;保存＆＃34;后，它会在我的表单上调用ng-submit，而在按下＆＃34;取消＆＃34;后，它会调用一个单独的功能（将我重新指向另一个页）

问题是按下＆＃34;取消＆＃34;它还调用ng-submit上的函数。我希望它只在ng-click上调用自己的函数。我该如何解决这个问题？

一个明显的解决方案：

<form>
    ...
    <button ng-click="save()">Save</button>
    <button ng-click="cancel()">Cancel</button>
</form>

但我希望能够按Enter键提交表单，这就是使用ng-submit的原因。

Answer 1

只需为取消按钮添加type="button"即可 所以它是

<button type="button" ng-click="cancel()">Cancel</button>

或使用<a>标记，例如：

<a ng-click="$event.preventDefault(); cancel()">Cancel</a>