Binding the value in a textarea : <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>
