Javascript 引导$uibModal焦点到元素

Javascript 引导$uibModal焦点到元素,javascript,angularjs,angular-ui-bootstrap,bootstrap-modal,jqlite,Javascript,Angularjs,Angular Ui Bootstrap,Bootstrap Modal,Jqlite,我创建了一个AngularJs指令,它将焦点设置为html元素。 但它不适用于$uibModal元素: angular.module('ui.bootstrap.demo') .directive('focus', ['$timeout', function ($timeout) { return { restrict: 'A', link: function postLink(scope, element, attrs)

我创建了一个AngularJs指令,它将焦点设置为html元素。 但它不适用于$uibModal元素:

angular.module('ui.bootstrap.demo')
    .directive('focus', ['$timeout', function ($timeout) {
        return {
            restrict: 'A',
            link: function postLink(scope, element, attrs) {
                scope.$watch(attrs.focus, function(value) {
                    if(value === true) {
                        $timeout(function() {
                            element[0].focus();
                        });
                    }
                });
            }
        };
    }]);

如何将焦点设置为$uibModal中的元素?

我找到了解决方案: 当我向输入元素添加autofocus属性时,$uibModal将焦点设置为它

    <div class="modal-body">
        <p class="input-group">
          <input type="text" class="form-control" autofocus/>
        </p>
    </div>

我找到了解决方案: 当我向输入元素添加autofocus属性时,$uibModal将焦点设置为它

    <div class="modal-body">
        <p class="input-group">
          <input type="text" class="form-control" autofocus/>
        </p>
    </div>


效果很好!尤其是在大多数情况下,您无法访问此的链接功能。非常好!尤其是在大多数情况下,您无法访问此功能的链接功能。