Angularjs 指令在引导模式对话框中不起作用

我写了一个基本的角度指令来关注元素。它在不同的页面中运行良好，但在我用引导组件创建的模式对话框中不起作用

我的指示是：

myApp.directive('focus', function () {
return {
    restrict: "A",
    link: function (scope, element, attrs) {
        console.log('directive ' + element);
        angular.element(element).focus();

    }
};

}))

谢谢你的帮助

myApp.directive('focus', function () {
return {
    restrict: "A",
    link: function (scope, element, attrs) {
        console.log('directive ' + element);
        setTimeout(function(){angular.element(element).focus();}, 200);

    }
};

---

当您试图设置焦点时，元素还不可见

我也遇到过类似的情况，发现原生HTML属性的工作方式很有魅力

<button autofocus>Example</button>

示例

将设置超时添加到焦点：D