NG-ショーに持っているdiv要素とdiv要素の内部にあるタグをアンカーにフォーカスを設定する方法

Question

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

//私は以下のコードでフォーカスを設定しようとしていますjsの中

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

Answer 1

JS：

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

ディレクティブをご ng-show ng-ifに変更して使用します

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>