角js输入防止提交

Question

我是新来的角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(); 
}