element-registry-basic.js

angular.module('utils.ElementRegistryDemo',[])
.directive('elem', function(ElementRegistry) {
  return {
    restrict: 'A',
    scope: false,
    link:function(scope, element, attrs){
      // store this element with reference to the parent scope
      new ElementRegistry(scope).add(attrs.elem, element);
    }
  };
})
.factory('ElementRegistry', function () {
  // scope id to store on the class
  var id; 
      
  function ElementRegistry(scope){
    // initialize class stores if they are undefined
    id = scope.$id;
    ElementRegistry.store = ElementRegistry.store || {};
    ElementRegistry.store[id] = ElementRegistry.store[id] || {};
  }

  // get a key from the store
  function findByKey(key){
    return ElementRegistry.store[id][key] ? ElementRegistry.store[id][key] : false;
  }

  ElementRegistry.prototype = {

    // return the found value otherwise run a callback once found
    find: function(key, callback){
      return findByKey(key);
    },

    // add an element to the scope store
    add: function(key, value){
      ElementRegistry.store[id][key] = value;
    },

    // return the storage object
    store: function(){
      return ElementRegistry.store[id];
    }
  };

  return ElementRegistry;

}]);