Angular 1 Autotab On Maxlength Directive

AutotabOnMaxLength.js

myApp.directive("autotabOnMaxlength", function () {
    return {
        restrict: "A",
        require: "ngModel",
        link: function ($scope, element, attr, ctrl) {
            ctrl.$viewChangeListeners.push(function () {
                if (element.val().length == element.attr("maxlength")) {
                    var elems = Array.prototype.filter.call(document.querySelectorAll('input, select, textarea, button, [tabindex]'), function(elem) {
                        return (elem.offsetParent != null) && !elem.disabled;
                    });
                    var idx = elems.findIndex(function(item) {
                        return item == element[0];
                    })+1;
                    if(idx < elems.length && idx > 0) {
                      elems[idx].focus();
                    }
                }
            });
        }
    }
}