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中也同样加入了上面的代码,然后重启前台,发现页面正常显示不报错了。