Angular 导入FormsModule后，NgModel仍然不'；行不通

我犯了这个错误。 无法绑定到“NgModel”，因为它不是“input”的已知属性。 我已在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";
}

从“@angular/core”导入{Component}；
@组成部分({
选择器：“我的应用程序”，
模板：`
姓名：




您输入：{{name}
`,
})
导出类AppComponent{
名称：string=“John”；
}

有人知道问题出在哪里吗？

是

[（ngModel）]

不是

[（ngModel）]

是

[（ngModel）]

不是

[（ngModel）]

改变

来自

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

名称：

至

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

<代码>名称： 更改

来自

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

名称：

至

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

名称：

写区分大小写的代码时要更加注意。写区分大小写的代码时要更加注意