javascript - 未找到 Angular 异步验证器对象

Question

我正在使用https://github.com/codekraft-studio/angular-async-validation

我收到此错误，并且我不确定为什么它没有成功传递数据。

POST http://127.0.0.1:8000/nameCheck[object%20Object] 404 (Not Found)

路线

Route::post('/nameCheck', 'UserController@checkName');

这里是服务器端，我使用 laravel 5.5

public function checkName(Request $request)
{
    $name = $request['name'];

    $existing_name = User::where('name', '=', $name)->first();

    if($existing_name == NULL){
        return 'name does not exists';    
    }
    else{
        return 'name  exist';
    }
}

js

app.directive('nameValidator', function($http, $q) {
  return {
    require: 'ngModel',
    link: function(scope, element, attrs, ngModel) {
      ngModel.$asyncValidators.name = function(modelValue, viewValue) {
        return $http.post('/nameCheck' + {
          name: viewValue
        }).then(
          function(response) {
            if (!response.data.validName) {
              return $q.reject(response.data.errorMessage);
            }
            return true;
          }
        );
      };
    }
  };
});

HTML

<div class="form-group{{ $errors->has('name') ? ' has-error' : '' }}">
  <label for="name" class="col-md-4 control-label">Name</label>

  <div class="col-md-6">
    <input id="name" type="text" ng-model="userForm.model.name" class="form-control" name="name" value="{{ old('name') }}" name-validator required autofocus>

    <span ng-if="userForm.name.$pending">
      Checking Username...
    </span>
    @if ($errors->has('name'))
    <span class="help-block">
      <strong>{{ $errors->first('name') }}</strong>
    </span>
    @endif
  </div>
</div>  

Answer 1

问题出在您的 POST 调用上:

$http.post('/nameCheck', {
  name: viewValue
}).then(
  function(response) {
    if (!response.data.validName) {
      return $q.reject(response.data.errorMessage);
    }
    return true;
  }
);

以下说法错误的是:

$http.post('/nameCheck'+ {name:viewValue}).then ..

此外，请尝试添加错误回调，如果 POST 调用抛出错误，您必须在回调中捕获它。