私はAngular2で最も簡単な双方向バインディングをしようとしています。コンポーネントとテンプレート間で変数を共有したいと思います。
私のテンプレートは:
<textarea [(ngModel)]="currentQuery"></textarea>
そして私のコンポーネントは:
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 = '';
}
ドキュメントによると、これは動作するはずですが、私は得ています:
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
@NgModule({
...
imports: [
/* BrowserModule or CommonModule */,
FormsModule /* or RectiveFormsModule */]
...
})