title: Binding the value in a textarea
body: <p>I'm trying to do the simplest two way binding in Angular2. I would like to share a variable between my component and it's template.</p>
  
  <p>My template is:</p>
  
  <pre><code>&lt;textarea [(ngModel)]="currentQuery"&gt;&lt;/textarea&gt;
  </code></pre>
  
  <p>And my component is:</p>
  
  <pre><code>import { Component } from '@angular/core';
  import { ViewChild } from '@angular/core';
  import { OnInit } from '@angular/core';
  
  @Component({
    moduleId: module.id,
    selector: 'vs-home',
    templateUrl: 'home.component.html'
  })
  
  export class HomeComponent {
      private currentQuery: string = '';
  }
  </code></pre>
  
  <p>According to the docs this should work but I'm getting:</p>
  
  <pre><code>Error: Uncaught (in promise): Error: Template parse errors:
  Can't bind to 'ngModel' since it isn't a known property of 'textarea'. ("
      &lt;div class="query-bar-container"&gt;
          &lt;textarea [ERROR -&gt;][(ngModel)]="currentQuery"&gt;&lt;/textarea&gt;
          &lt;!-- &lt;button type="button" class="btn btn-default" (click"): HomeComponent@2:15
  </code></pre>