AngularJS - как использовать ng-click без отправки формы?

Question

У меня есть форма, в которой есть ng-click и ng-submit.

ng-submit предназначен для отправки, а ng-click вызывает отдельную функцию, такую ​​как загрузка и т. д.

Как мне убедиться, что ng-click случайно не отправит форму?

благодарю вас!

Answer 1

ngClick не отправляет форму.

Иногда могут возникнуть проблемы, потому что у вас есть два 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>