meta directive

my-remove-button.js

angular.module('my-app')
/**
 * consistent UI for remove buttons
 */
  .directive('myRemoveButton', function($compile) {
    'use strict';
    return {
      restrict: 'A',
      priority: 1000, // process this directive first
      terminal: true, // stop compiling other directives on the
                      // element, we'll fix it in `post`
      compile: function(element, attrs) {
        // prevent recursion
        element.removeAttr('my-remove-button');
        element.removeAttr('data-my-remove-button');

        // add other directives
        element.attr('my-glyphicon', 'remove');

        // make some normal changes to the element
        element.addClass('btn btn-danger');

        return {
          post: function(scope, element, attrs, ctrl) {
            // process the directives we added
            $compile(element)(scope);
          }
        };
      }
    };
  })
;