在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";
  }

}

<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>

*如果你需要更多的文件，请告诉我

Answer 1

BrowserModule只能添加到根模块AppModule中的Imports中，而不能添加到其他模块中。(CommonModule只需要添加到非根模块中，但对根模块没有影响）