无法绑定到 'ngModel'，因为它不是 'input' angular 5 的已知 属性 和哈巴狗

Question

启动我的 Angular 应用程序时出现以下错误。 仅当我使用哈巴狗时才会出现此问题，但代码在 html.

下运行良好

这是我的 app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms'; 
import { AppComponent } from './app.component'; 
import { HeroesComponent } from './heroes/heroes.component'; 

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

这是我的哈巴狗

h2 {{ hero.name | uppercase}} Details
div
  span id: 
  | {{hero.id}}
div
  span name: 
  | {{hero.name}}


input([(ngmodel)]='hero.name', placeholder='name') 

知道如何以这种方式转换该行以使 angular 理解该行：input([(ngmodel)]='hero.name', placeholder='name')

Answer 1

区分大小写的错误原因：

是ngModel不是ngmodel。

---

所以改变：

input([(ngmodel)]='hero.name', placeholder='name') 

收件人：

input([(ngModel)]='hero.name', placeholder='name') 

Answer 2

请使用正确的语法（[ngModel] 而不是 [(ngModel)]