如何在angularJS指令中捕获模糊或焦点事件

时间:2015-09-03 09:01:42

标签: javascript angularjs angularjs-directive

我有输入指令

<input ng-model="inputModel" ng-disabled="ngDisabled || isLoading" value="{{value}}" type="{{type}}" placeholder="{{placeholder | translate}}">

我像这样使用这个指令:

<input-ext type="'text'" name="email" ng-model="registerCtrl.email" ng-blur="registerCtrl.test()" required></input-ext>

我希望在我的指令中模糊后输入ext ...中执行模糊,对于控制器中的这个示例代码,如何制作它?

2 个答案:

答案 0 :(得分:17)

在您的链接功能上绑定它们

   link: function (scope, element, attrs) {
        element.bind('blur', function (e) {
             //do something
        });
   }

答案 1 :(得分:0)

.directive('inputExt', function() {
        return {
            restrict: 'E',
            templateUrl: 'templates/inputExt3.html',
            require: 'ngModel',
            scope: {
                'name' : '@',
                'type' : '=',
                'placeholder' : '=',
                'value' : '=',
                'ngDisabled': '=',
                'isLoading' : '=',
                'customStatus': '=',
                'cutomStatusType': '=',
                'test' : '&'
            },
            link: function($scope, element, attrs, ngModelCtrl) {
                $scope.placeholder = $scope.placeholder == undefined ? $scope.name : $scope.placeholder;
                $scope.$watch('inputModel', function() {
                    ngModelCtrl.$setViewValue($scope.inputModel);
                });
                ngModelCtrl.$parsers.push(function(viewValue) {
                    ngModelCtrl.$validate();
                    $scope.invalid = ngModelCtrl.$invalid;
                    $scope.error = ngModelCtrl.$error;
                    return viewValue;
                });
            }
        }
    })

我不知道你好不好看,如果用户添加到inputExt ng-blur并添加一些参数,函数,当用户从指令输入中输出时,应该执行此函数