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

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

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

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

Ответы

Ответ 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>