stupid directive to add directives to an element for automatically building UI components

gistfile1.txt

(function () {
  'use strict';
  /* globals _ */
  angular.module('application')
    .directive('dynamicDirectives', ['$compile', function ($compile) {
      return {
        restrict: 'A',
        scope: true,
        transclude: false,
        link: function (scope, elem, attr) {
          var cloned = elem.clone();
          var toAdd = JSON.parse(attr.dynamicDirectives);
          _.each(toAdd, function (directive) {
            cloned.attr(directive, '');
          });
          $compile(cloned)(scope);
          //elem.replaceWith(cloned);
        }
      };
    }]);
})();