Angular 角度共享模块导入不导入上述模块
我已将共享模块添加到我的应用程序中。看起来很简单Angular 角度共享模块导入不导入上述模块,angular,Angular,我已将共享模块添加到我的应用程序中。看起来很简单 const imports = [ CommonModule, RouterModule, BrowserModule, FormsModule, ReactiveFormsModule ]; @NgModule({imports}) export class SharedModule {} 当我将共享模块导入另一个模块时,它不会看到我导入的员工。我遇到这样的错误,无法绑定到“formGroup”,因为它不
const imports = [
CommonModule,
RouterModule,
BrowserModule,
FormsModule, ReactiveFormsModule
];
@NgModule({imports})
export class SharedModule {}
当我将共享模块导入另一个模块时,它不会看到我导入的员工。我遇到这样的错误,无法绑定到“formGroup”,因为它不是“form”的已知属性,这意味着FormsModule未正确导入。
如果我将基本模块直接导入到我的应用程序模块中,它可以正常工作
非常感谢您的帮助和建议。您很可能还需要导出这些模块 通常:
@NgModule({
imports: [
SomeModule
],
declarations: [
...
],
exports: [
SomeModule,
]
});
也看到这个文件
通过重新导出CommonModule和FormsModule,导入此SharedModule的任何其他模块都可以从CommonModule访问NgIf和NgFor等指令,并可以使用FormsModule中的指令[ngModel]绑定到组件属性
您必须导出共享模块内部使用的依赖模块,以便从其他不导入这些依赖项的地方使用共享模块
import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { CustomerComponent } from './customer.component';
@NgModule({
imports: [ CommonModule ],
declarations: [ CustomerComponent ],
exports: [ CustomerComponent
CommonModule, FormsModule ]
})
export class SharedModule { }
非常感谢,似乎导入子模块解决了我的问题,但是出现了另一个问题。在我的例子中,我还必须导入子路由模块,这是因为我在子模块a中创建了一个路由文件,但没有在根模块中导入该路由文件,即使子模块a已导入根模块。@alekoo73很高兴我能提供帮助。若你们还有另外一个问题,那个么不要淡化这个问题,发表另一篇文章:这不是一个完全的问题,只是评论一下这个问题的复杂性