Question

我正在按照入门教程Tour of Heroes进行操作，并且我已经准备好了第一个输入字段。我将FormsModule添加到AppModule，但它继续显示错误“ng无法绑定到'{ngModel}'，因为它不是'input'的已知属性”

Hero Compoent HTML：

<div>
 <label>Name:
  <input [{ngModel}]="hero.name" placeholder="name">
 </label>
</div>

应用模块：

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

import { AppComponent } from './app.component';
import { HeroesComponent } from './heroes/heroes.component';

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

我知道还有很多其他相似的问题我已经解决了，但我的问题是他们的解决方案对我不起作用。

你能看出我做错了吗？

Answer 1

您需要括号而不是括号：

<input [(ngModel)]="hero.name" placeholder="name">

Answer 2

替换

[{ngModel}]

以下

[(ngModel)]

供您参考[()]被称为香蕉括号

Answer 3

使用 [(ngModel)] 而不是 [{ngModel}]。

还要确保您使用正确的语法。

区分大小写。我正在使用 [(ngmodel)]（全部用小写字母），它给出了同样的错误。

Answer 4

语法不正确。使用 [(ngModel)] 而不是 [{ngModel}]

示例： <input [(ngModel)]="value">

即使已导入FormsModule，也无法绑定到ngModel

4 个答案: