Example of creating directive that adds html to start and end of template.

gistfile1.js

// used in: http://blog.cpodesign.com/blog/angular-directives-in-examples/

// use example: <my-button>
testApp.directive('myButton', function(){
  return {
    link: function (scope, element, attrs) {
      var markup = "<button>Hello</button>";
      element.prepend(markup);  // adds html before any child
      element.append(markup); // adds html after last child
    }
 }
})