Keyboard shortcuts

Press ← or → to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

Hello World directive

<!DOCTYPE html>
<html>
<head>
    <title>Hello World Directive</title>
    <meta charset="utf-8">
    <meta name="viewport"
       content="width=device-width, initial-scale=1.0, user-scalable=yes">

    <script src="../angular/angular.min.js"></script>
    <script src="hello_world_directive.js"></script>
</head>
<body>
<h1>Hello World!</h1>
<div ng-app="HelloApp" ng-controller="HelloController">
  <div hello-world></div>
  <div hello:world></div>
  <div hello_world></div>
  <div data-hello-world></div>
  <div x-hello-world></div>
  <hello-world></hello-world>
</div>

</body>
</html>

angular.module('HelloApp', ['HelloDirective'])
   .controller('HelloController', function() {
});

angular.module('HelloDirective', [])
    .directive('helloWorld', function () {
    return {
             template: "Hello World!"
    }
});