Addking two-way binding supported by FormsModule

lorgiorepo · Sep 9, 2017 · 4386551 · 4386551
1 parent b9a7a12
commit 4386551
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/angular-tour-of-heroes/src/app/app.component.ts b/angular-tour-of-heroes/src/app/app.component.ts
@@ -11,7 +11,10 @@ export class Hero {
     <h1>{{title}}</h1>
     <h2>{{hero.name}} details!</h2>
     <div><label>id: </label>{{hero.id}}</div>
-    <div><label>name: </label>{{hero.name}}</div>
+    <div>
+        <label>name: </label>
+        <input [(ngModel)]="hero.name" placeholder="name">
+    </div>
   `,
   styleUrls: ['./app.component.css']
 })

diff --git a/angular-tour-of-heroes/src/app/app.module.ts b/angular-tour-of-heroes/src/app/app.module.ts
@@ -1,5 +1,6 @@
 import { BrowserModule } from '@angular/platform-browser';
 import { NgModule } from '@angular/core';
+import { FormsModule } from '@angular/forms';
 
 import { AppComponent } from './app.component';
 
@@ -8,7 +9,8 @@ import { AppComponent } from './app.component';
     AppComponent
   ],
   imports: [
-    BrowserModule
+    BrowserModule,
+    FormsModule
   ],
   providers: [],
   bootstrap: [AppComponent]