导入FormsModule后，NgModel仍然无法正常工作

Question

我收到了这个错误。 无法绑定到＆＃39; NgModel＆＃39;因为它不是“输入”的已知属性。     我已经在app.module.ts中导入了FormsModule

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


import { AppComponent } from './app.component';
import { EmployeeComponent} from './employee/employee.component'

@NgModule({
    imports: [BrowserModule, FormsModule],
    declarations: [AppComponent, EmployeeComponent],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }

这是代码app.component.ts代码：

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

@Component({
    selector: 'my-app',
    template: `
            <div>
            Name : <input [(NgModel)]='name'/>
            <br/>
            <br/>
            You entered : {{name}}
            </div>
`,
})
export class AppComponent {
    name: string = "John";
}

有谁知道问题出在哪里？

Answer 1

[(ngModel)]而非[(NgModel)]

Answer 2

更改

发件人

  Name : <input [(NgModel)]='name'/>

要

  Name : <input [(ngModel)]='name'/>