web-dev-qa-db-fra.com

Liaison de la valeur dans une zone de texte

J'essaie de faire la liaison bidirectionnelle la plus simple dans Angular2. Je voudrais partager une variable entre mon composant et son modèle.

Mon modèle est:

<textarea [(ngModel)]="currentQuery"></textarea>

Et ma composante est:

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 = '';
}

Selon les documents, cela devrait fonctionner, mais je reçois:

Error: Uncaught (in promise): Error: Template parse errors:
Can't bind to 'ngModel' since it isn't a known property of 'textarea'. ("
    <div class="query-bar-container">
        <textarea [ERROR ->][(ngModel)]="currentQuery"></textarea>
        <!-- <button type="button" class="btn btn-default" (click"): HomeComponent@2:15
14
Juicy
@NgModule({
  ...
  imports: [
      /* BrowserModule or CommonModule */, 
      FormsModule /* or RectiveFormsModule */]
  ...
})
12
Günter Zöchbauer