AngularJS/UI - 對話框中的焦點輸入

Question

有沒有什麼方法可以使用AngularJS/Angular-UI在輸入控件中設置焦點？

我看到Angular-UI有一些Jq-UI = focus指令，但是我無法讓它工作。

我有我顯示採用了棱角分明的UI $對話服務，真的想每個對話框上的第一個輸入來獲得關注，一旦它的顯示

Answer 1

的AngularJS最後一個版本提供ng-focus幾個對話框：http://docs.angularjs.org/api/ng/directive/ngFocus

Answer 2

你是對的，我已經展示瞭如何在DOM元素上調用jQuery本地jQuery.fn.focus()方法的演示，因爲這些都是ui-jq真的。訣竅是讓它在適當的時間多次觸發。

ui-jq已在$timeout中爲您執行該方法，但默認情況下，只有在創建DOM元素時纔會觸發一次。爲了使ui-jq多次點火，只需添加ui-refresh="someExpression"並使用一個表達式即可知道知道將在每次打開模式時改變。如果在模式關閉的情況下它也會反彈，.focus()如果DOM元素不可見，則不會執行任何操作。

因此，對於ui-bootstrap模式，只需在modal="someExpression"內部使用相同的表達式即可設置。

Answer 3

結果證明，所有你需要的是這個，如果你用角UI $對話框服務一起使用它：

app.directive('focusMe', function ($timeout) {  
    return {  
     link: function (scope, element, attrs, model) {     
      $timeout(function() { 
       element[0].focus(); 
      }); 
     } 
    }; 
}); 

HTML：

<input type="text" focus-me > 

如說，這是Angular-僅限UI $對話服務。

看到它住在這裏：http://strengthtracker.apphb.com（點擊登錄或註冊，彈出對話框）

Answer 4

我曾經在我的模板標準autofocus屬性，並宣佈一個簡單的指令，使之成爲被後創建的元素工作頁面加載（就像你的情況下的對話框）。

app.directive('autofocus', function() { 
    return { 
    restrict: 'A', 
    link: function (scope, element) { 
     element[0].focus(); 
    } 
    }; 
});