hooking up ngmodel

src/app/app.module.ts

@@ -4,13 +4,16 @@ import { NgModule } from '@angular/core';
 import { AppComponent } from './app.component';
 import { SearchComponent } from './search/search.component';
 
+import { FormsModule }   from '@angular/forms';
+
 @NgModule({
   declarations: [
     AppComponent,
     SearchComponent
   ],
   imports: [
-    BrowserModule
+    BrowserModule,
+    FormsModule
   ],
   providers: [],
   bootstrap: [AppComponent]

src/app/search/search.component.html

@@ -1,7 +1,5 @@
 <section>
     <h2>Search For A Star Wars Character</h2>
-    <form>
-        <input type="text" placeholder="Character Name"/>
-        <input type="submit" value="Search"/>
-    </form>
+    <input [(ngModel)]="name" type="text" placeholder="Character Name"/>
+    <input type="submit" value="Search"/>
 </section>