 function AppComponent() {
        this.notes = [];
        this.addTodo = function(note) {
			if(note.value!=="")
			{
				this.notes.push(note.value);
            note.value = null;
			}
            return false;
        }

    }

	function removeTodo(el)
	{
    
    el.parentNode.parentNode.parentNode.parentNode.parentNode.style.display="none";
	}
    AppComponent.annotations = [
      new angular.ComponentAnnotation({
        selector: 'sticky'
      }),
      new angular.ViewAnnotation({
        template:'<div class="col s12 l4 m4" style="width:100%"><form (submit)="addTodo(notetext)"><input id="input_text" type="text" maxlength="20" placeholder="enter the note title" #notetext><button class="btn waves-effect waves-light orange accent-3" type="submit"><b>+</b></button></form></div>' +
                 '<div class="col s12 l4 m4" *ng-for="#note of notes"><div class="card yellow accent-4"><div class="card-content dark-text"><div class ="row"><div class="input-field col s8"><input value="{{ note }}" type="text"></span></div><div class="col s1"><br/></div><div class="col s1"><button class="btn-floating btn-small waves-effect waves-light orange accent-3" onclick="removeTodo(this)">X</button></div></div><div class="input-field"><textarea id="textarea1" class="materialize-textarea" placeholder="enter your notes here"></textarea></div></div></div></div><br/>',
        directives: [angular.NgFor]
      })
    ];

    document.addEventListener('DOMContentLoaded', function() {
      angular.bootstrap(AppComponent);
    });
 function AppComponent() {
        this.notes = [];
        this.addTodo = function(note) {
			if(note.value!=="")
			{
				this.notes.push(note.value);
            note.value = null;
			}
            return false;
        }

    }

	function removeTodo(el)
	{
    
    el.parentNode.parentNode.parentNode.parentNode.parentNode.style.display="none";
	}
    AppComponent.annotations = [
      new angular.ComponentAnnotation({
        selector: 'sticky'
      }),
      new angular.ViewAnnotation({
        template:'<div class="col s12 l4 m4" style="width:100%"><form (submit)="addTodo(notetext)"><input id="input_text" type="text" maxlength="20" placeholder="enter the note title" #notetext><button class="btn waves-effect waves-light orange accent-3" type="submit"><b>+</b></button></form></div>' +
                 '<div class="col s12 l4 m4" *ng-for="#note of notes"><div class="card yellow accent-4"><div class="card-content dark-text"><div class ="row"><div class="input-field col s8"><input value="{{ note }}" type="text"></span></div><div class="col s1"><br/></div><div class="col s1"><button class="btn-floating btn-small waves-effect waves-light orange accent-3" onclick="removeTodo(this)">X</button></div></div><div class="input-field"><textarea id="textarea1" class="materialize-textarea" placeholder="enter your notes here"></textarea></div></div></div></div><br/>',
        directives: [angular.NgFor]
      })
    ];

    document.addEventListener('DOMContentLoaded', function() {
      angular.bootstrap(AppComponent);
    });

@@ -92,33 +92,9 @@
 %0A%09%09%09
-if(note.value!==%22%22)%0A%09%09%09%7B
 %0A
+
 %09%09%09%09
@@ -125,32 +125,35 @@
 ue);%0A           
+%09%09%09
  note.value = nu
@@ -151,33 +151,32 @@
 alue = null;%0A%09%09%09
-%7D
 %0A            ret
@@ -627,34 +627,24 @@
 laceholder=%22
-enter the 
 note title%22 
@@ -981,32 +981,57 @@
  %7D%7D%22 type=%22text%22
+ placeholder=%22note title%22
 %3E%3C/span%3E%3C/div%3E%3Cd
@@ -1296,35 +1296,24 @@
 laceholder=%22
-enter your 
 notes here%22%3E

Update index.js