只有通过路由器模块中的共享模块才能获得角质材料

Question

按照“角度指南”，我正在尝试创建一个由几个功能模块组成的示例项目。

为了在每个模块中使用角度材料，我创建了一个共享模块，用于导入和导出这些材料模块。这个共享模块是在任何需要角质材料的地方进口的。

根据指南，每个特性模块都应该有自己的路由器模块，因此我为每个特性创建了一个。

我只想将路由相关项保留在路由模块中，从而在功能模块中导入共享模块，令我惊讶的是，它没有工作，即材料指令不起作用。

//Feature Module
@NgModule({
    imports: [..., SharedModule], //SharedModule import doesn't make material available
    declarations: []
})

一旦我在路由器模块中导入了这个共享模块，材料组件就开始工作了。

//Feature Router Module
@NgModule({
    imports: [..., SharedModule], //SharedModule makes material available
    declarations: []
})

如何通过导入功能模块中的共享模块来使其工作？

演示at：https://stackblitz.com/edit/angular-segregated-modules?embed=1&file=src/app/Modules/Sub/sub.module.ts

Answer 1

查看链接的StackBlitz，SubComponent是在SubRoutesModule中声明的。组件将只能访问它声明的模块的导入，这解释了您描述的问题。

如何通过导入特性模块中的共享模块来使其工作？

将SubComponent从SubRoutesModule中的声明中删除，并将其添加到SubModule中的声明中。