Angular报错：Can‘t bind to ‘ngModel‘ since it isn‘t a known property of ‘xxx‘

最新推荐文章于 2024-05-06 19:21:24 发布

原创最新推荐文章于 2024-05-06 19:21:24 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#angular.js #前端 #angular

Angular 专栏收录该内容

24 篇文章

订阅专栏

在 Angular 应用中遇到一个错误：NG0303，提示 'ngModel' 不是 'input' 的已知属性。该错误发生的原因是模块中未导入 FormsModule。为了解决这个问题，需要在相应的 NgModule 导入 FormsModule。导入后，在模块的 imports 数组中添加 FormsModule，确保 'ngModel' 可用于模板绑定。

报错的位置：

<input name="password" [(ngModel)]="password" required placeholder="请输入密码" />

报错信息：

NG0303: Can't bind to 'ngModel' since it isn't a known property of 'input'

原因：
模块中没有导入 FormsModule。

解决:
在NgModule中导入FormsModule模块。

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

@NgModule({
    imports: [ FormsModule],
    declarations: [],
    exports: []
})
export class MyTestModule {}