Example of a dialog directive

example_dialog.js

angular.module('app').directive('dialog', function(){return{
  template : '<div class="dialog dialog-{{type}}">'+
                '<header><h1>{{title}}</h1></header>'+
                '<button>No</button><button>Yes</button>'+
              '</div>',
  restrict: 'E',
  replace: true,
  scope: {
    'title' : '@',
    'type' : '@'
  }
};});