如何啓用第一輸入焦點在角JS指令

Question

如何角指令適用這個jQuery

jQuery的

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

我曾嘗試以下，但沒有運氣

角指令鏈接

.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

您的主要問題是可見和啓用，

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

不會選擇任何禁用的元素，querySelector默認情況下將只搶到第一位的，你不能(with vanilla javascript by default)選用基於:visible僞。

能見度CHECK DEMO：http://jsfiddle.net/Lvc0u55v/12386/

編輯：作爲您的意見建議，你的textarea後，選擇太多，看到我更新DEMO，但只是一個簡單鏈就足夠了：

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

注：我刪除了NG-隱藏，因爲它現在檢查它是否可見或不可見，並且看到作爲NG隱藏將是不可見這是毫無意義的，這增加了要求。

編輯2：

看到，因爲你想將焦點動態綁定的發電機如NG重複，我會告訴有條件自動對焦時運行NG-，即當重複已經完成，在大多數情況下，你應該能夠不NG-init或在屬性condtion運行它。

DEMO：http://jsfiddle.net/Lvc0u55v/12393/或http://jsfiddle.net/Lvc0u55v/12394/