experimenting with ways to decorate angular directives. The disadvantage here is you apply this to all directives

decorate angular directive example 1

app.config(function($provide) {
  $provide.decorator('fooDirective', function($delegate) {
    var directive = $delegate[0];

    if(directive.restrict.indexOf('E') >= 0) {
			makeElement(toDashCase(name))
		}
		
		function toDashCase(str) {
		  return (str.charAt(0) + string.slice(1).replace(/([A-Z])/g, "-$&")).toLowerCase()
	  }
  	function makeElement(name) {  // enable custom elements hack for IE
  		var node = document.createElement(name);
  	}
  	
    return $delegate;
  });
});