AngularJS - 如何在不提交表單的情況下使用ng-click？

Question

我有一個同時具有ng-click和ng-submit的表單。

NG提交是爲提交，而NG-點擊調用樣上傳一個單獨的功能等

如何確保NG-點擊不小心提交表單？

謝謝！

Answer 1

ngClick不是提交表格。

有時，您可能會遇到問題，因爲您的form中有兩個button元素，並且它們都會提交。爲避免這種情況，請在其上指定類型"button"。例如：

function demo ($scope) { 
 
    
 
    $scope.doSubmit = function() { 
 
    alert('I submit'); 
 
    }; 
 
    
 
    $scope.doClick = function() { 
 
    alert('I click'); 
 
    }; 
 
    
 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app ng-controller="demo"> 
 
    
 
    <form ng-submit="doSubmit()"> 
 
    <button type="button" ng-click="doClick()">click</button> 
 
    <button type="submit">submit</button> 
 
    </form> 
 
    
 
</div>