Can’t bind to ‘ngModel’ since it isn’t a known property of ‘nz-date-picker’.

原文链接：Can’t bind to ‘ngModel’ since it isn’t a known property of ‘nz-date-picker’. – 每天进步一点点 (longkui.site)

 

0.背景

写angular项目的时候，使用 [(ngModel)] 做了双向绑定，然后页面突然报错：
Can’t bind to ‘ngModel’ since it isn’t a known property of ‘nz-date-picker’.

1.解决问题

遇到此问题后，马上开始搜索解决，网上大部分文章都说是在app.module.ts中加入

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

然后在imports部分加入

@NgModule({

declarations: [AppComponent],

imports: [

FormsModule, //在此加入上方import部分

],

providers: [],

bootstrap: [AppComponent]

})

当我参照此方法进行改进后，发现还是会报错。

后来通过自己的尝试发现，我的项目结构中，除了app.module.ts，还建了第二级的xxxx.module.ts。于是，我在第二级中的xxxx.moudule.ts中也同样加入了上面的代码，然后重启前台，发现页面正常显示不报错了。