Focus function is not working in angular

Question

Simple focus is not working in angular

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

html

<input type="text" data-ng-model="model.fedSearchTerm"
                    placeholder="New Search" required class="span12 fedsearch-box" />

MY function

$scope.searchFocus = function() {
            $('.fedsearch-box').focus();
        };

Answer 1

I encountered the same issue. Solved it by enclosing the focus command inside $timeout. Make sure you pass the $timeout parameter in the .controller function.

$timeout(function() { $('.fedsearch-box').focus(); });