angular - Angular 6 中两个具有公共(public)组件的延迟加载模块

Question

我有这样的结构

---app.module
-------child1.module
-------child2.module

我在两个子模块中都使用了 1 个通用组件 (app-film)，我在 app.module 中声明了一个，但 Angular 仍然显示错误

Can't bind to 'film' since it isn't a known property of 'app-film'.
1. If 'app-film' is an Angular component and it has 'film' input, then verify that it is part of this module.
2. If 'app-film' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

堆栈 Blitz https://stackblitz.com/github/ms-dosx86/films

Answer 1

嵌套模块将看不到在父模块(导入嵌套模块)中定义的组件。您需要像这样创建一个 SharedModule

@NgModule({
   declarations: [ AppFilmComponent ]
   exports: [ AppFilmComponent ]
})
export class SharedModule { }

从该模块中导出 AppFilmComponent，然后分别将 SharedModule 模块导入到两个子模块中。

@NgModule({
   ...
   imports: [ SharedModule ]
   ...
})
export class Child1Module { }

和

@NgModule({
   ...
   imports: [ SharedModule ]
   ...
})
export class Child2Module { }