时间戳

首页 > 解决方案 > Ngmodel 不是输入的属性

angular - Ngmodel 不是输入的属性

问题描述

我在使用 NgModel 时遇到问题，当我想从输入中保存数据时它不起作用。

Uncaught Error: Template parse errors:
Can't bind to 'NgModel' since it isn't a known property of 'input'. ("
      placeholder="Account number"
      value="{{ account.number }}"
      [ERROR ->][(NgModel)]="newAccountNumber"
    />
  </mat-form-field>

我已经搜索过解决方案，但我发现的唯一一件事就是输入 FormsModule 和 MatInputModule，我有这些输入端口。

imports: [
BrowserModule,
AppRoutingModule,
HttpClientModule,
MatMenuModule,
MatIconModule,
MatToolbarModule,
MatButtonModule,
MatTableModule,
MatFormFieldModule,
MatInputModule,
BrowserAnimationsModule,
MatSelectModule,
MatCardModule,
NoopAnimationsModule,
FormsModule,
ReactiveFormsModule
]

<mat-form-field class="example-full-width">
    <input
      matInput
      placeholder="Account number"
      value="{{ account.number }}"
      [(NgModel)]="newAccountNumber"
    />
     </mat-form-field>

我应该怎么做才能正确保存输入数据？

标签： angularinput

解决方案

尝试使用[(ngModel)]而不是[(NgModel)]. 模型指令应该从小写开始

有关更多信息，请查看 Angular 文档https://angular.io/api/forms/NgModel

推荐阅读