lightbox angularjs directive

gistfile1.js

EurodanceApp.directive('modal', function($compile){

  var template = '<h2>{{title}}</h2><p>{{content}}</p>';

  return {
    restrict : 'A',
    scope    : true,
    link     : function( scope, element, attrs ) {

      scope.title   = attrs.title;
      scope.content = 'conteudo do lightbox';

      var new_template = $compile( template )( scope );

      element.append( new_template );

    }
  }
});