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.

1 files changed, 12 insertions, 0 deletions

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);