哪个是最好的Angular 4架构？

Question

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

现在我有一个app.routing模块，可以浏览5个主页面（例如主页，设置，个人资料等）。我想在每个页面内部实现多个“仪表板之类”组件。 我希望每个组件都有可能在自组件内部进行路由。 例如

App.component -route-＆gt; home.component

home组件将在其中调用2个组件和

在comp1里面我希望能够通过一个按钮改变它的内容，并在其内部路由保持其他家庭组件相同：

有可能吗？

在网上搜索我发现了一些名为outlet或具有声明自定义模块的组件的示例。

有人有一些GitHub源或示例吗？ 或者，我想对最佳架构应用程序提出一些建议。

由于

Answer 1

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