In angular2 meine Komponente

Question

Das ist mein Modul zum Modell und Anzeige im HTML nicht binden kann, ist:

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

Dies ist meine Komponente:

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

} 

Dies ist mein 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> 

Alles, was ich tun möchte, ist das Modell E-Mail 2-Wege-Bindung an die Ansicht zu sehen.

Fehler ich in der Konsole ist:

Unhandle Versprechen Ablehnung: Template Fehler analysieren: Kann nicht binden an ‚ngModel‘, da es nicht eine bekannte Eigenschaft von ‚Input‘ ist. (“

* Lassen Sie mich wissen, wenn Sie mehr benötigen Dateien

Answer 1

BrowserModule sollte nur auf imports im Wurzelmodul AppModule hinzugefügt werden, aber nicht auf andere Module. (CommonModule muss nur hinzugefügt werden, um nicht-root Module, aber das tut nicht weh auf dem Root-Modul)