将值绑定到文本区域 [英] Binding the value in a textarea

问题描述

我正在尝试在Angular2中进行最简单的两种方式绑定。我想在组件和模板之间共享一个变量。

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.

我的模板是：

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

根据文档，这应该可行，但我得到了：

According to the docs this should work but I'm getting:

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 */]
  ...
})

这篇关于将值绑定到文本区域的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！