angular.module('App', []).directive('myDirective', function($timeout) {

  var content={};

  var loadedDirs;

  return {

    scope:true,

    template: function(elm){

      loadedDirs = loadedDirs || angular.element(document.querySelectorAll('[my-directive]'));

       //Save the element in its respective index    

      content[loadedDirs.index(elm)] = elm.html();

      return '<div>Template<div><pre>{{orig}}</pre></div></div>'

    },

    link: function(scope, element) {

      var idx = loadedDirs.index(element);

       scope.orig = content[idx];

      //remove key

      delete content[idx];

      if(!Object.keys(content)){ //Remove reference to laodedDirs

         loadedDirs = null;

        }  

      }

  };

});