Add hello.component.js

Create a new component for a Hello World example. This is housed in a
new `n.Hello` module.

For now, just print a hard-coded name to the page.

Update the `n.Notes` module adding a dependency on `n.Hello` in order
for our new component to be displayed.

2 files changed, 13 insertions, 1 deletions

diff --git a/app/assets/javascripts/app.js b/app/assets/javascripts/app.js
index c7aacc8..2f7f6ba 100644
--- a/app/assets/javascripts/app.js
+++ b/app/assets/javascripts/app.js
@@ -1,5 +1,5 @@
 (function(angular) {
 
-    angular.module('n.Notes', []);
+    angular.module('n.Notes', ['n.Hello']);
 
 })(window.angular);
diff --git a/app/assets/javascripts/hello/hello.component.js b/app/assets/javascripts/hello/hello.component.js
new file mode 100644
index 0000000..d1601f2
--- /dev/null
+++ b/app/assets/javascripts/hello/hello.component.js
@@ -0,0 +1,12 @@
+(function(angular) {
+
+    angular
+        .module('n.Hello', [])
+        .component('hello',  {
+            template: '<h2>Hello {{ $ctrl.name }}</h2>',
+            controller: function() {
+                this.name = 'World';
+            }
+        });
+
+})(window.angular);