输入时的角度js阻止提交

Question

我是 Angular js 的新手，我正在开发一个包含许多输入字段和两个按钮的表单——一个用于取消，另一个用于提交表单。

我在表单标签上有一个 ng-submit="" 来识别表单是否已提交并显示一些错误消息。

我面临的问题是当我点击进入“取消”按钮时被触发。我该如何防止这种情况？ 我尝试在按钮上添加 type=input 但它不起作用。

<button type="button" ng-click="function">Cancel</button>

我无法将按钮标签更改为输入标签，因为我正在应用一些样式，如果我更改标签，我会丢失它们。

我如何做到这一点？

提前致谢。

更新：

下面是按钮的代码。

<div class="button-group-right" style="width:49%; float:left">
        <button  class="btn btn-large btn-tertiary btn-right" ng-click="subnmitPage()">
        <span class="btn-text">
        <span class="btn-text-container">Submit</span>
        </span>
        <span class="btn-icon">
        <i class="navigateright button-icon"></i>
        </span>
        </button>
</div>

Answer 1

我通过在我的函数中添加 $event 并说 preventDefault() 来修复它。 代码如下。

在 html 中：

 <button ng-click="subnmitPage($event)"/>

在控制器中

$scope.subnmitPage=function(event){
     event.preventDefault();
}