title: Pass element from link function to controller function inside directive and than to another directive
body: <p>Is a way to pass an element from link function to controller function inside directive and than to another directive as its element?</p>
  
  <p>I mean I have a directive:</p>
  
  <pre><code>angular.module('myApp').directive('parentDir', function() {
    return {
      restrict: 'E',
      link: function (scope, element, attributes) {
      element = //some HTML code
      },
      controller: function ($scope) {
        this.elem = function () {
          $scope.elem = element;
        }
      }
    }
  });
  </code></pre>
  
  <p>Then I have another directive where I want to get the <code>$scope.elem</code>.</p>
  
  <pre><code>angular.module('myApp').directive('childDir', function() {
    return {
      restrict: 'E', 
      link: function (scop, elmn, attr){
  
      // HOW TO GET THE $scope.elem here as elmn ?
      elmn = $scope.elem ?
  
      }
    }
  });
  </code></pre>
  
  <p><strong>Is it possible to pass the <code>element</code> into the <code>$scope.elem</code> and than to another directive ?</strong></p>
  
  <p>Edit: thanks guys for help, I also found another way to do this via <code>factory</code> <a href="https://stackoverflow.com/a/18466405/4713535">under this link</a></p>