hello.component.js: Add <input/> to edit name

Add an input to the component and use an `ng-model` to allow users to
change the name in the "Hello ____" output.

1 files changed, 4 insertions, 2 deletions

diff --git a/app/assets/javascripts/hello/hello.component.js b/app/assets/javascripts/hello/hello.component.js
index d1601f2..056cd39 100644
--- a/app/assets/javascripts/hello/hello.component.js
+++ b/app/assets/javascripts/hello/hello.component.js
@@ -3,9 +3,11 @@
     angular
         .module('n.Hello', [])
         .component('hello',  {
-            template: '<h2>Hello {{ $ctrl.name }}</h2>',
+            template:
+                '<h2>Hello {{ $ctrl.name }}</h2>' +
+                '<input type="text" ng-model="$ctrl.name" />',
             controller: function() {
-                this.name = 'World';
+                this.name = '';
             }
         });