<html ng-app="testApp">
  <head></head>
  <body ng-controller="testController">
    <hello-world />
  </body>
</html>
var app = angular.module("testApp", []);

app.controller("testController", function() {

});

app.directive("helloWorld", function() {
    return {
        restrict: "E",
        template: "<div>Hello, world!</div>"
    };
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. //ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js