16

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
4

1 に答える 1

16 
@NgModule({
  ...
  imports: [
      /* BrowserModule or CommonModule */, 
      FormsModule /* or RectiveFormsModule */]
  ...
})
于 2016-09-18T18:31:04.540 に答える