AngularJS - 如何在不提交表单的情况下使用 ng-click?

2023-12-31

我有一个同时具有 ng-click 和 ng-submit 的表单。

ng-submit 用于提交,而 ng-click 则调用单独的函数,例如上传等。

如何确保 ng-click 不会意外提交表单?

谢谢你!


ngClick does not提交表格。

有时,您可能会遇到问题,因为您有两个button你的元素form,并且他们都提交了。为了避免这种情况,请指定类型"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>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

AngularJS - 如何在不提交表单的情况下使用 ng-click? 的相关文章

随机推荐