Angular错误:"不能绑定到'ngModel'，因为它不是'input'的已知属性"

我使用的是Angular 4，我在控制台得到了一个错误:

不能绑定到ngModel，因为它不是input的已知属性

我该如何解决这个问题?

当前回答

首先导入FormsModule，然后在component.ts中使用ngModel

import { FormsModule } from '@angular/forms';

@NgModule({
 imports: [ 
            FormsModule  
          ];

HTML代码:

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

其他回答

在我的例子中，在我的应用程序的惰性加载转换期间，我在app-routing.module.ts中错误地导入了RoutingModule而不是ComponentModule

在app.module.ts中添加以下内容:

import { FormsModule, ReactiveFormsModule } from '@angular/forms';

@NgModule({
    declarations: [AppComponent],
    imports: [FormsModule],
})

尝试添加

模块级的ngModel

代码与上面的相同

在angular 7中，你必须导入“ReactiveFormsModule”。

import {FormsModule, ReactiveFormsModule} from '@angular/forms';

我通过这个导入解决了这个问题。这对你有帮助。

为了对表单输入使用双向数据绑定，你需要在Angular模块中导入FormsModule包。

import { FormsModule } from '@angular/forms';

@NgModule({
    imports: [
         FormsModule      
    ]

EDIT

因为有很多相同问题的重复问题，我正在加强这个答案。

有两个可能的原因

缺少FormsModule，因此将此添加到您的模块， import {FormsModule} from '@angular/forms'; @NgModule ({ 进口:[ FormsModule ］检查input标签中[(ngModel)]的语法/拼写

推荐文章