角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(); 
}