<body ng-app="myApp">
  <my-directive></my-directive>
</body>
var myApp = angular.module('myApp', []);

myApp.directive('myDirective', function() {
    return {
        restrict: 'E',
template: '<h1>I made a directive!</h1>'
    };
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.5/angular.min.js