Dynamicaly add attributes, or a directive that can add directives, yo dawg!

ui-dynamic-attr.js

app.directive('uiDynamicAttr', function($compile, $parse) {
  return {
    restrict: 'A',
    terminal: true,
    priority: 100000,
    link: function(scope, element, args) {
 
      var expression = element.attr('ui-dynamic-attr');
      if (expression) {
        var attributes = $parse(element.attr('ui-dynamic-attr'))(scope);
        if (attributes) {
          for (var i = 0; i < attributes.length; i++) {
            var attribute = attributes[i];
            if (angular.isObject(attribute)) {
              element.attr(attribute.name, attribute.value | '');
            }
            else {
              element.attr(attribute, '');
            }
          };
 
          element.removeAttr('ui-dynamic-attr');
          $compile(element)(scope);
        }
      }
    }
  };
});

field.validation = [
{
name: 'required',
message: 'Value is required.'
},
{
name: 'ng-minlength',
value: 3
}
]