directive that adds other directives to the same element in angular.js

Question

How do I create a directive that adds other directives to an element?

For example, I want:

to be linked as:

Answer 1

I don't think $compile(), a link function, or terminal are necessary. Angular will automatically compile the telement for us.

.directive('tag', [function() {
  return {
    priority: 1000,
    compile: function(telement, attrs) {
      attrs.$set('tag', null);
      attrs.$set('ngMaxlength', '10');
      attrs.$set('ngPattern', '/[\\w\\d]+/');
    }
  };
}]);

Tested with this HTML:

{{test}}

Plunker.