Angular之ngModel报错:angular-can‘t-bind-to-‘ngModel‘---

Posted IT飞牛

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Angular之ngModel报错:angular-can‘t-bind-to-‘ngModel‘---相关的知识,希望对你有一定的参考价值。

做双向绑定时,如果遇见Angular: Can’t bind to ‘ngModel’ since it isn’t a known property of 'input’问题。
这是由于没有在当前组件所属的Module中引用FormModule,注意是在当前所属的Module,并不一定是AppModule。
例如:
有一个AppModule和一个MainModule,AppModule的route文件中loadchildren懒加载MainModule,如果要在MainModule的route文件直接绑定的component组件中使用ngModel,则必须要在MainModule中加上以下代码,在AppModule中加无效,下面不会继承。

解决办法:
在你的**.module中添加如下代码即可:

import  FormsModule, ReactiveFormsModule  from '@angular/forms';
@NgModule(
imports: [
       FormsModule
]

以上是关于Angular之ngModel报错:angular-can‘t-bind-to-‘ngModel‘---的主要内容,如果未能解决你的问题,请参考以下文章

Angular 2 单选按钮验证与 ngModel

如何检测选择标签(Angular 2)上对 ngModel 的更改?

无法将 [(ngModel)] 绑定到 Angular html

如何在 Angular 2 的 [(ngModel)] 中获取数字? [复制]

使用 ngModel 的 Angular 2 双向绑定不起作用

使用 ngModel 的 Angular 2 双向绑定不起作用