angular 在单个模块中对模块引用进行分组

Question

我的应用程序有许多用户在决定注册之前可以参考的模块。我想让他们与其他人分开。

然后将延迟加载这些 "PreRegistration" 模块。 Directory PreRegistration 有一个 splash-page 模块（最终还有其他模块），这些模块都被 pre-reg.module.ts:

pre-reg模块是所有PreRegistration模块的集合（本例中只有1个）：

在这个简单的例子中，我想在 app.component.html 中显示它，所以我在 AppModule 中导入：

但在 app.component.html 中，无法识别初始页面选择器。 SplashPageComponent 没有功能，只是一个虚拟 html.

但选择器是正确的。这里是 app.component.html 抱怨缺少引用？

我的 "cute" 组织似乎是在浪费时间。任何想法为什么它没有被引用？提前致谢。 :-) 瑜珈

Answer 1

我假设您忘记在 SplashPageModule 中导出 SpashPageComponent。

splash-page.module.ts ...

@NgModule({
declarations: [SpashScreenComponent, ....],
exports: [SpashScreenComponent]
})

Answer 2

您在这里缺少一些东西：

splash-page.module.ts

@NgModule({
   declarations: [SpashScreenComponent, ....],
   exports: [SpashScreenComponent]
})

angular group module references in a single module