$http.get AngularJS 中的 $event 对象

Question

我目前正在使用 AngularJS 和使用 SlimPHP 的可消费 API 做一个 Web 应用程序。

当我注册用户时，我需要使用 GET 方法进行检查。根据这个方法的返回，我应该运行$event.preventDefault()还是不运行。

AngularJS的代码如下：

$scope.checkEmails = function(e){
  var req = $http.get(url + 'adv/register/check?email=' + $scope.email).then(function(response){
      if(response.data === true) {
        e.preventDefault()
      }
  })
}

HTML 按钮是这样的：

<button type="submit" class="btn btn-alt-success" ng-click="checkEmails($event)">

问题是，当我尝试执行e.preventDefault() 时，$http 调用范围内的对象 $event 未定义。

所以，我如何在 $http 调用中传递这个对象，或者我如何从 $http 调用的范围之外获取值，以便在外部进行检查来电。

谢谢！

Answer 1

您的设置将永远无法正常工作，因为在解决 $http 请求之前很久就提交了表单。带有type="submit" 的按钮将立即提交其推荐表格；由于 JS 异步特性，延迟的 preventDefault() 无效。所以避免通过提交按钮提交表单，而是通过代码来完成。有多种方法，在纯 JS 中：

document.getElementById('formId').submit()

即：

<button type="button" class="btn btn-alt-success" ng-click="checkEmails()">
        ^^^^^^^^^^^^^

$scope.checkEmails = function(e) {
  $http.get(url + 'adv/register/check?email=' + $scope.email).then(function(response){
    if (response.data !== true) {
      document.getElementById('formId').submit()        
    }
  })
}

Answer 2

这样试试

$scope.checkEmails = function(e){

  var req = $http.get(url + 'adv/register/check?email=' + $scope.email).then(function(response){
      if(response.data === true) {
        $scope.submitForm =false;
      } else{
         $scope.submitForm = true;
       }
  })

像这样添加 ng-submit

<form ng-submit=“submitForm && submit()”>