Wie erste Eingabefokus in Winkel js Richtlinie

Question

aktivieren Wie Sie diese jquery in Angular Richtlinie

JQuery

$(":input:not(input[type=button],input[type=submit],button):enabled:visible:first").focus(); 

ich die unten versucht haben, gelten aber kein Glück

Angular Richtlinie Verbindung

.directive('autoFocus', ['$timeout', function ($timeout) { 
    return { 
    scope: { 
     autoFocusInitial: "=" 
    }, 
    link: function (scope, element, attrs) { 

     if (scope.autoFocusInitial == true) { 

     $timeout(function() { 
      element[0].querySelector("input:not(.ng-hide)").filter(":enabled:visible:first").focus(); 
     }); 
     } 
    } 

    }; 
} 

Answer 1

Ihr Hauptproblem ist die sichtbar und aktiviert ist,

var dom = $element[0].querySelector('input:not(.ng-hide):not(:disabled)');

keine deaktivierten Elemente auswählen wird, querySelector standardmäßig wird immer nur die erste greifen, kann man nicht (with vanilla javascript by default) auf der :visible Pseudo wählen basiert.

DEMO mit Visibility CHECK: http://jsfiddle.net/Lvc0u55v/12386/

EDIT: Als Ihr Kommentar vorgeschlagen, sind Sie nach dem Textbereich und auch wählt, meine aktualisiert DEMO sehen, aber nur eine einfache Kette genügt:

$element[0].querySelectorAll('input:not(:disabled), textarea:not(:disabled)');

Hinweis: Ich habe das ng-hide entfernt, da es jetzt prüft, ob es sichtbar ist oder nicht, und da es so aussieht, als ob ng-hide unsichtbar wäre, ist es sinnlos, das der Anfrage hinzuzufügen.

EDIT 2:

Da, Sie wollen den Fokus auf dynamische Generatoren wie eine ng-repeat zu binden, würde ich sagen, bedingt den Autofokus, wenn ausgeführt, dh wenn die ng- Wiederholung beendet ist, in den meisten Fällen sollten Sie in der Lage sein, es ohne die ng-init oder condtion auf dem Attribut auszuführen.

DEMO: http://jsfiddle.net/Lvc0u55v/12393/ oder http://jsfiddle.net/Lvc0u55v/12394/