Custom directive

directive.js

angular.module('app', [])
    .directive('ourDirective', function() {
       return {
          restrict: 'E',
          transclude: false,
          replace: true,
          template: '<div>template</div>',
          // templateURL: '../path/to/file.html', 
          // or function that returns the way for template
          scope: {
              // the scope for directive
          },
          link: function(scope, elem, attrs) {
              // link option for registration DOM listeners as well as update the DOM
          },
          controller: function() {
              // the controller for directive
          }
          // and others...
       };
    });