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 的更改?
无法将 [(ngModel)] 绑定到 Angular html
如何在 Angular 2 的 [(ngModel)] 中获取数字? [复制]