angularjs - 如何在 AngularJS 中停止表单提交

Question

你可能会惊讶我为什么要这样做，但这是必须的。我无法解决，所以请你帮我..如果是，我们走吧!

I have a form, I want that if I click on submit, an action/event should be generated that stops the form submission, and tells me that your form is not submitted. That's it.

这是我的表格:

<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 Controller :

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

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

    });
</script>

如果我问一些无关紧要的事情，我很遗憾，但我认为可以做到，而我目前无法做到。

谢谢。

Answer 1

未经测试，您可以尝试换出您的提交按钮

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

然后在您的 Controller 中:

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

通过不使用默认表单提交，您可以访问事件并控制是否继续。