有时候会遇到 Can't bind to 'ngModel' since it isn't a known property of 'input' 的报错,这个时候一般引入FormsModule就可以解决
但是有时候在有子模块的时候,你会发现在住模块app.module里引入FormsModule并没用,需要在子模块(如下的FileUploadModule)引入才能解决问题
const routes: Routes = [
{
path: 'upload',
loadChildren: () =>
import('./modules/file-upload/file-upload.module').then(
(m) => m.FileUploadModule
),
},
];
那么什么东西只需要在主模块引入,什么需要在子模块都要引入呢
-
如果是用到导入模块的组件或者指令(ngModel就是指令),则需要在用到的每个模块中导入它,
-
如果是用到导入模块的服务,则只需主模块中将其导入一次。