Question

使用Angular，我正在处理一个注册表单，该表单还包含用户名的输入字段。我写了一个指令，用于在字段模糊时检查服务器端的“唯一性”用户名。

这是我的Angular代码：

App.directive('usernameCheck', ['$http', function ($http) {
    return {
        require: 'ngModel',
        link: function (scope, elem, attrs, ctrl) {
            elem.on('blur', function (evt) {          
                scope.$apply(function () {
                    $http({
                        method: 'POST',
                        url: '/usernameCheck/', <-- NEVER ACCESSED!?
                        data: {'username' : $scope.userName}
                    }).success(function(data, status, headers, config) {
                        ctrl.$setValidity('unique', data.status);
                    });
                });
            });  
        }
    }
}]);

HTML表单输入元素：

<input type="text" class="form-control" ng-model="userName" name="userName" username-check required>

由于一些奇怪的原因，该指令似乎不起作用。没有出现JS错误，但模糊元素没有触发 - 根据Firebug，从不调用服务器路径“/ usernameCheck”。我错过了什么？

Answer 1

尝试使用ng-blur方法（简单通用示例）：

app.directive('directiveName', function () {
  return {
    restrict: 'E',
    scope: {
      ngBlur: '&'
    },
    link:function(scope){    
      scope.onBlur = function(ev){
        console.log(ev);
      }    
   },    
   template: '<input ng-blur="onBlur($event)"></input>'
 }
});

AngularJS：模糊事件未在表单验证的指令中触发

1 个答案: