哪个是最好的 Angular 4 架构？答案

【问题标题】：Which is the best Angular 4 architecture?哪个是最好的 Angular 4 架构？
【发布时间】：2018-03-19 22:15:47
【问题描述】：

我正在使用 Angular 4（打字稿）和 Angularfire 编写一个“社交网络”应用程序，但我遇到了这个问题：

现在我有一个 app.routing 模块，它可以浏览 5 个主要页面（例如主页、设置、配置文件等）。我想在每个页面内实现多个“类似仪表板”的组件。我希望每个组件都有可能在 self 组件内路由。例如

App.component -route-> home.component

home 组件内部将有 2 个组件调用 with 和

在 comp1 内部，我希望能够使用按钮更改它的内容，并在其中路由保持其他 home 组件相同：

有可能吗？

在网上搜索，我发现了一些带有命名插座或声明了自定义模块的组件的示例。

有人有一些 GitHub 源代码或示例吗？或者，我想对最好的架构应用提出一些建议。

谢谢

【问题讨论】：

【解决方案1】：

查看 Angular 的延迟加载模块指南。延迟加载的模块有自己的路由： https://angular.io/guide/ngmodule#lazy-loading-modules-with-the-router 但是如果你不想使用延迟加载，子路由可能对你来说就足够了： https://angular.io/guide/router#child-route-configuration

【讨论】：