angular2では私のコンポーネントは、HTML

Question

でモデルやディスプレイにバインドすることはできませんこれは私のモジュールです：

import { NgModule } from '@angular/core'; 
import { CommonModule } from '@angular/common'; 
import { FormsModule, ReactiveFormsModule } from '@angular/forms'; 
import { BrowserModule } from '@angular/platform-browser'; 

@NgModule({ 
    imports: [CommonModule, FormsModule, BrowserModule, ReactiveFormsModule], 
    declarations: [FooterComponent], 
    exports: [FooterComponent], 
    providers: [] 
}) 

export class FooterModule { } 

これは私のコンポーネントです：

import { Component } from '@angular/core'; 

@Component({ 
    moduleId: module.id, 
    selector: 'FooterComponent', 
    templateUrl: 'footer.component.html' 
}) 

export class FooterComponent { 
    email: string = ""; 

    constructor() { 
    console.log("footer!"); 

    this.email = "test"; 
    } 

} 

これがされ私のhtml：

<div class="form-group col-xs-10 col-xs-offset-1 col-sm-8 col-sm-offset-2">     

    <input class="form-control" type="email" value="" placeholder="Email address" [(ngModel)]="email"> 

</div> 

私がしたいのは、モデルのメールが2方向のビューにバインドされていることです。私はコンソールに入る

エラーは次のとおりです。

未処理の約束を拒否：テンプレートは、エラーを解析する：それは「入力」の既知のプロパティではありませんので、 「ngModel」にバインドできません。 （」

*私はあなたはもう必要な場合

Answer 1

BrowserModuleがルートのモジュールのみAppModuleではなく、他のモジュール上にimportsに追加すべきファイルを知ってみましょう。（CommonModuleは唯一の非ルートに追加する必要がありますモジュール、それはルートモジュールで傷つくことはありません）