Как остановить отправку формы в AngularJS

Question

Вы можете быть удивлены, почему я собираюсь это сделать, но это необходимо сделать. Я не мог решить, поэтому не могли бы вы помочь мне ... если да, пошли!

У меня есть форма , я хочу, чтобы, если я нажму submit , должно быть сгенерировано действие / событие, которое останавливает отправку формы и сообщает, что ваша форма не является Отправлено. Вот и все.

Вот моя форма:

<div ng-app="myApp" ng-controller="myCtrl">

    <form>
        First Name: <input type="text" ng-model="firstName" required><br>
        Last Name: <input type="text" ng-model="lastName" required><br>

        <input type="submit" value="submit form"/>
    </form>

</div>

Вот контроллер AngularJS:

<script>
    var app = angular.module('myApp', []);
    app.controller('myCtrl', function($scope) {

        // Execute form submission
        // handle data and prevent redirect

    });
</script>

Мне жаль, если я спрашиваю что-то не относящееся к делу, но я думаю, что это может быть сделано, к чему мой охват пока невозможен.

Спасибо.

Answer 1

AngularJs предоставляет директиву NgSubmit , которую следует использовать при отправке формы

<form ng-submit="submit()">
    First Name: <input type="text" ng-model="firstName" required><br>
    Last Name: <input type="text" ng-model="lastName" required><br>

    <input type="submit" value="submit form"/>
</form>

<script>
    var app = angular.module('myApp', []);
    app.controller('myCtrl', function($scope) {

        $scope.submit = function() {
            //do your thing
        };

    });
</script>

Предупреждение: не совмещайте использование ng-click и ng-submit

Answer 2

Не испытанный вами, вы можете попробовать заменить свою кнопку отправки на

<button ng-click="submit($event)">Submit form</button>

А затем в вашем контроллере:

$scope.submit = function($event) {
  $event.preventDefault();
}

Не используя отправку формы по умолчанию, вы получаете доступсобытие и контроль, продолжать ли с ним или нет.