title: ngModel data binding not working
body: <p>I'm following the Tour of Heroes tutorial and cannot figure out why ngModel is not updating hero.name or if it's just not updating the view. I type into the input but the displayed name in the view remains the same (Windstorm).</p>
  
  <p>Please let me know what I am doing wrong here.</p>
  
  <p><strong>heroes.component.html</strong></p>
  
  <pre><code>&lt;h2&gt;{{ hero.name | uppercase }}&lt;/h2&gt;
  &lt;div&gt;&lt;span&gt;id: &lt;/span&gt;{{ hero.id }}&lt;/div&gt;
  &lt;div&gt;
    &lt;label&gt;name
      &lt;input ([ngModel])="hero.name" placeholder="name"&gt;
    &lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>heroes.component.ts</strong></p>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  import { Hero } from '../hero';
  
  @Component({
    selector: 'app-heroes',
    templateUrl: './heroes.component.html',
    styleUrls: ['./heroes.component.css']
  })
  export class HeroesComponent implements OnInit {
    hero: Hero = {
      id: 1,
      name: 'Windstorm'
    };
    constructor() { }
  
    ngOnInit() {
    }
  
  }
  </code></pre>
  
  <p><strong>hero.ts</strong></p>
  
  <pre><code>export class Hero {
    id: number;
    name: string;
  }
  </code></pre>