对焦功能不起作用

Pra*_*obh 7 javascript angularjs

简单的焦点不是有角度的

<div class="search pull-right tab-{{ showDetails2 }}" data-ng-click="showDetails2 = !showDetails2; showDetails = false; showDetails1 = false;searchFocus();">
Run Code Online (Sandbox Code Playgroud)

HTML

<input type="text" data-ng-model="model.fedSearchTerm"
                    placeholder="New Search" required class="span12 fedsearch-box" />
Run Code Online (Sandbox Code Playgroud)

我的功能

$scope.searchFocus = function() {
            $('.fedsearch-box').focus();
        };
Run Code Online (Sandbox Code Playgroud)

小智 14

我遇到了同样的问题.通过将焦点命令包含在$ timeout内来解决它.确保在.controller函数中传递$ timeout参数.

$timeout(function() { $('.fedsearch-box').focus(); });
Run Code Online (Sandbox Code Playgroud)


bda*_*xyz 11

这是一个更强大的实现,非常有效:

myApp.directive('focusMe', function () {
    return {
        link: function(scope, element, attrs) {
            scope.$watch(attrs.focusMe, function(value) {
                if(value === true) {
                    element[0].focus();
                    element[0].select();
                }
            });
        }
    };
});


<input type="text" ng-model="stuff.name" focus-me="true" />
Run Code Online (Sandbox Code Playgroud)