wie Fokus setzen Tag zu verankern, die in einem div-Elemente und das div-Elemente ist, ng-Show mit

Question

<div class="test" ng-show="model.data.IsDataLoaded" tabindex="50"> 
    <a href="" id="id1" ng-click="testData($event)">Clear all</a> 
</div> 

// in dem js i

von unten Code, um den Fokus zu setzen versuchen

$scope.model.data.IsDataLoaded = true; 
angular.element("#id1").focus(); 

Answer 1

ändern Sie Ihre ng-show-ng-if und verwenden Sie eine Richtlinie:

js:

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

html:

<div class="test" ng-if="model.data.IsDataLoaded" tabindex="50"> 
    <a href="" id="id1" ng-click="testData($event)" auto-focus>Clear all</a> 
</div>