未捕获错误：模板解析错误：

Question

我收到此错误。我搜索了谷歌，它建议我将FormsModule添加到app.module.ts。虽然我这样做但我无法解决问题。有人可以帮我解决这个问题

app.module.ts

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

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

@NgModule({
  declarations: [
    AppComponent,

  ],
  imports: [
    BrowserModule,
    FormsModule,
    ReactiveFormsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

app.component.html

<input type="text" [{ngModel}]="name" />
<p>
    {{name}}
</p>

Answer 1

双向绑定的语法不正确。此

[{ngModel}]

应该是这样的：

[(ngModel)]

使用括号而不是花括号。这里的诀窍是想：香蕉在一个盒子里，香蕉是（），盒子是[]。

Answer 2

更正您的模板

<input type="text" [(ngModel)]="name" />

而不是

<input type="text" [{ngModel}]="name" />