title: Directive does not work in bootstrap modal dialog
body: <p>I wrote a basic angular directive to get focus on elements. It works fine in different pages, but it does not work in modal dialog which I created with Bootstrap components.</p>
  
  <p>my directive is : </p>
  
  <pre><code>myApp.directive('focus', function () {
  return {
      restrict: "A",
      link: function (scope, element, attrs) {
          console.log('directive ' + element);
          angular.element(element).focus();
  
      }
  };
  </code></pre>
  
  <p>});</p>
  
  <p>thanks for any help</p>